随笔分类 -  Angularjs 学习笔记

摘要:直接看代码和注释吧 ASP.NET MVC router ASP.NET Controller 这里可以注意一点,如果使用了 AttributeRoute , routeMap 就不灵了, cshtml Angular 注意 angular 和 base 的冲突 阅读全文
posted @ 2016-03-23 18:16 兴杰 阅读(678) 评论(0) 推荐(0) 编辑
摘要:$digest 的顺序 :1. evalAsync(fn) 的fn 会延长到下一次digest才触发, before dirty check 所有的fn会运行,运行期间产生的evalAsync也会同时被执行,它是一个loopThe$evalAsyncmakes no guarantees as to... 阅读全文
posted @ 2015-10-18 11:08 兴杰 编辑
摘要:angualr 的 ng-change 并不是 jQeury 的 onChange。初学者容易搞混,因为ng-click 是 onClick 但 ng-change 不是onChangeng-change 是配合ng-model 来使用的,所谓的 change 指的是 model change.ng... 阅读全文
posted @ 2015-10-09 12:43 兴杰 编辑
摘要:$provide.decorator 是angular 提供的一个功能。目的是让我们可以扩展或装修我们的服务.var app = angular.module("app", []);app.factory("firstService", function () { return { ... 阅读全文
posted @ 2015-09-09 20:59 兴杰 阅读(530) 评论(0) 推荐(0) 编辑
摘要:// function sampleUiRouter() { $stateProvider.state("sample", { url: "/contacts/:category/{id... 阅读全文
posted @ 2015-09-08 17:48 兴杰 编辑
摘要:之前写过一篇了 http://www.cnblogs.com/keatkeat/p/3903673.html 但某些部分写的不太清楚,甚至有点错误,所以今天特地在这里再来谈谈。 这篇主要是说指令的隔离还有和controller的沟通. 指令的运行过程基本上我们可以简单的理解为 : template 阅读全文
posted @ 2015-05-22 19:41 兴杰 编辑
摘要:ng-options + select 就是 angular 的 DDL (drop down list) 了。 select value : {{ selectedValue }} var app = angular.module(... 阅读全文
posted @ 2015-02-25 21:56 兴杰 阅读(1037) 评论(0) 推荐(0) 编辑
摘要:主要讲解1.3后的一些新功能,和一些以前没有介绍的小功能 (ng-if,ng-switch).1.one way bind 这个之前的版本已经有人自己实现了,但是在1.3之后,angularjs 有自带的了。用法极其简单 . {{ ::value }}看到吗 ?只是把从前的 {{ value ... 阅读全文
posted @ 2015-02-25 10:04 兴杰 阅读(1314) 评论(0) 推荐(1) 编辑
摘要:我们知道scope是可以继承的.scope的继承和js原型链是同一个概念。 {{name}} {{name}} 在angular中,ng-controller指令会帮我们创建一个scope并继承它的父亲scope .pare... 阅读全文
posted @ 2014-09-20 23:13 兴杰 阅读(1129) 评论(1) 推荐(0) 编辑
摘要:angularjs 其实也有一个currency指令,不过好像只是换符号而已。这里自己写了一个简单的兑换率filter {{ 100 | myCurrency}} change angular.module... 阅读全文
posted @ 2014-09-02 00:27 兴杰 阅读(488) 评论(0) 推荐(0) 编辑
摘要:做单页面应用多是通过不同的url来识别出不同的页面展现的。angularjs 为我们提供一个封装好的ngRoute工具简单介绍用法 :界面上放入一个 ng-view指令,待会儿界面会刷新这个区域,它也支持动画,可以通过添加css在切换视图时做一些动画。我们一段一段来看 ... 阅读全文
posted @ 2014-08-28 11:12 兴杰 阅读(717) 评论(0) 推荐(0) 编辑
摘要:大致上了解一下有什么功能操作,之后打算自己实现这个. controller("ctrl", ["$scope", "$location", function ($scope, $location) { //hash pattern 是 originUrl + "#/path?paraKey" //$ 阅读全文
posted @ 2014-08-26 12:28 兴杰 阅读(445) 评论(0) 推荐(0) 编辑
摘要:在 angular 中我们经常会使用多个 controller 和 指令他们拥有各自的 $scope , 这就产生了跨$scope调用的问题。有几种常见的方法来可以使用.方法一 : 指令 require ... 阅读全文
posted @ 2014-08-22 22:27 兴杰 阅读(1161) 评论(0) 推荐(0) 编辑
摘要:$parse 是angular 提供的javascript解析器 .var getter = $parse(expression);var setter = getter.assign; controller("ctrl", ["$scope", "$parse... 阅读全文
posted @ 2014-08-20 23:46 兴杰 阅读(756) 评论(0) 推荐(0) 编辑
摘要:参考https://docs.angularjs.org/api/ng/filter/filterhttp://blog.51yip.com/jsjquery/1592.htmlhttp://blog.thoughtram.io/angularjs/2014/11/19/exploring-angu... 阅读全文
posted @ 2014-08-20 15:30 兴杰 阅读(527) 评论(0) 推荐(0) 编辑
摘要:参考https://docs.angularjs.org/api/ng/type/ngModel.NgModelControllerhttps://docs.angularjs.org/api/ng/type/form.FormControllerangular 提供了表单指令,它和ngModel ... 阅读全文
posted @ 2014-08-14 14:47 兴杰 阅读(1652) 评论(0) 推荐(1) 编辑
摘要:angular 也提供了animate service涉及$animate,$animateProvider1.2办法后通过angular-animate.js 还扩展了一些功能先来说说大致执行过程实现手法。现代游览器我们通常是用css3的动画取代了jQeury那种动画实现手法。我们通过给一个ele... 阅读全文
posted @ 2014-08-13 14:01 兴杰 阅读(1090) 评论(0) 推荐(0) 编辑
摘要:angular 提供了一套依赖注入的机制,和后台很像。虽然我不觉得有很重要。var $injector = angular.injector(["myModule"]);var serviceInstance = $injector.get("serviceName"); //可以获取到servic... 阅读全文
posted @ 2014-08-12 02:57 兴杰 阅读(908) 评论(0) 推荐(0) 编辑
摘要:参考文章 :http://www.zouyesheng.com/angular.html#toc20 18.自定义指令directivehttp://blog.jobbole.com/62249/http://blog.jobbole.com/62999/https://docs.angularj... 阅读全文
posted @ 2014-08-10 23:55 兴杰 阅读(1749) 评论(1) 推荐(1) 编辑
摘要:参考地址https://docs.angularjs.org/api/ng/type/$rootScope.Scopeangular 的scope一般上都是有继承关系的,也就是说可以通过原型访问到父亲属性.原型可以参考http://www.cnblogs.com/keatkeat/p/3896758... 阅读全文
posted @ 2014-08-10 15:36 兴杰 阅读(2850) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示