AngularJS 的一些补充

2017-05-31  本文已影响0人  GodlinE
<style>
        [ng-cloak]{
                display:none;
        }
</style>

 <p ng-cloak>{{}}</p>
app.directive('xmg',function(){
        return {
              restrict:'EA',
              //模版必须用一个盒子包装起来
              //template:'<div><h1>这是模版</h1><p>123</p></div>',
              template:'<h1>这是模版</h1><div ng-transclude></div>'
              replace:true,
              //是否保留原标签中的内容 <div ng-transclude></div>代表的是 标签中的所有内容插入的位置
              transclude:true,
              controller:function($scope){
                      //当指令创建时就会执行,主要处理一些业务逻辑
              },
              link:function($scope){
                      //当指令当中所有内容加载完毕,才会执行,处理一些 DOM 操作
              }
        }
})

自定义指令的时候

如果指令名字有大写也有小写,那么在使用模版替换元素/属性的时候 需要全小写,大写之前用’-‘隔开

app.directive('xmgContent',function(){
        restrict:'EA',
        template:'<h1>这是模版</h1>',
        replace:true
})
<xmg-content></xmg-content>
<div xmg-content></div>

控制器中注入的是服务,angular.module('app',[]); 中括号中注入的是模块

上一篇 下一篇

猜你喜欢

热点阅读