请在Chrome、Firefox等现代浏览器浏览本站。

angular学习笔记

javascript admin 543℃ 0评论
 
   crosswolk
app.run();;对于没有controler的变量  app.run(‘$rootScope’,functon($root){$root.sex=”男”;});
$scope.$apply();比如我用settimeout  改变了model  必须要$apply,  model才会变化  最好把操作写在apply函数里面
而不是操作之后 调用apply  angular 自己提供的$timeout  服务内置了apply
$scope.$watch   监听变量   比如  数量 价格   的sum()函数   sum函数的值变化后   比如大于100  免运费等操作
$scope.$watch($scope.sun,function(newvalue,oldvalue){});
angular .bootstrap 默认angular只初始化一次module   通过bootstrap  可以动态初始化模块  不过一般就一个  然后可以通过模块依赖添加进来
使用jquery  的话 一般要在angualr 之前引入 因为  angualr内置了一个jQlite
ng-cloak   和ng-bind的都是防止出现{{}}  <div ng-cloak>{{value}}</div>     ng-bind  <div ng-bind=”value”></div>
ng-non-bindable  不绑定 直接输出{{}}
  注意事项
样式指令  ng-class  ng-style   =”{}”  有大括号  如果是model的值则需要{{}}
但是ng-show=”value”  后面直接跟model的value
ng-switch  on=”"
ng-switch-default   ng-switch-when
ng-bind  只绑定一个
ng-bind-template  绑定多个{{}},{{}}
ng-bind-html  可以解析html  否则的话会显示html  需要插件 可以在文档看到  也可以查看$sce服务
ng-include  另外的方式  用script   angualr的   必须放到ng-app里面
过滤器
filter的运用  orderby
也可以在控制器使用$filter服务
$filter(‘currency’)(value,’RMB:’);
自定义服务  参数  number:1:2
自定义服务
1  通过angular.module的第三个参数  $provide  $provide.$provider  this.$get=function(){return{}}可以直接返回字符串  他可以通过config  配置  其他都不可以。在this.$get之前定义变量   通过Myadd.config配置
比如自定义provideservice1   myapp.config(function(provicerservice1Provicer){});
2  $provide。factory  不需要this.$get   直接return{}  可以直接返回字符串内部是用new实例化的  所以可以通过this’定义方法
3 $provid.service不可以直接返回字符串

转载请注明:许得龙博客 » angular学习笔记

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址