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