素材巴巴 > 程序开发 >

angular框架知识积累

程序开发 2023-09-04 19:43:00

1.强悍的指令directive

   

   但是要注意的是当指令写在dom节点标签上时,指令名称要写成third-nav

2.强悍的过滤器

   多级过滤,自定义过滤器,模拟后台接受前端请求进行查询

  



3.强悍的路由(ui-route)

   关键字:ui-sref,ui-view,ui-sref-active

  





注意:1.如果有控制器,路由以及指令的js文件,一般加载顺序为路由,控制,指令,模块初始化在路由器中完成,之后避免再次初始化模块而导致路由加载不到。

    2.手动启动模块angular.bootstrap(document.body,["jingzhuangApp"]);

4.安全获取html

$sce.trustAsHtml(data);
5.解决ng-show=""带来页面初始化会闪动的问题(这个问题还是要看源码的思路去解决)
 在标签上加上class="ng-hide"(参考文章:http://www.imooc.com/qadetail/104318)
6.技巧型:
(1)$timeout:延时并且内置$apply时刻传播Model的变化;(2)track by $index  可以提高运行速率,具体在于如果已经检测到该数据已经存在就不会再次刷新dom数据;7.directive指令中scope参数的功能:指定变量的作用域,默认为false,则是使用父作用域的变量,写在控制器中的变量可以在指令中使用(https://segmentfault.com/a/1190000002773689,http://www.poluoluo.com/jzxy/201608/496773.html)8.工厂创造本地json
  angular.module("",[]).factory("",function(){var ob={};return {reloadData:function(){return ob;}}});


 

   


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。