首页 > 其他 > 详细

angular directive的写法

时间:2017-03-02 16:19:30      阅读:215      评论:0      收藏:0      [点我收藏+]

1. 

angular.module(‘MyApp‘, [])
.controller(‘Ctrl‘, function($scope) {
  vm = $scope;
})
.directive(‘multPicture‘, function() {
  return {
    replace: true,
    restrict: ‘EA‘,
    scope: {
      pictures: "=",
      picHeight: "=",
      picWidth: "="
    },
    transclude: true,
    template: ‘this is a directive‘,
    link: function(scope, element, attrs) {
    }
  }
});

2.常用

angular.module(‘MyApp‘,[])
.directive(‘zl1‘,zl1)
.controller(‘con1‘,[‘$scope‘,func1]);
function zl1(){
  var directive={
    restrict:‘AEC‘,
    template:‘this is the it-first directive‘,
  };
  return directive;
};
function func1($scope){
  $scope.name="alice";
}

3. 同二一个意思

angular.module(‘myApp‘,[])
.directive(‘zl1‘,[ function(){
  return {
    restrict:‘AE‘,
    template:‘thirective‘,
    link:function($scope,elm,attr,controller){
      console.log("这是link");
    },
    controller:function($scope,$element,$attrs){
      console.log("这是con");
    }
  };
}])
.controller(‘Con1‘,[‘$scope‘,function($scope){
  $scope.name="aliceqqq";
}]);

 

angular directive的写法

原文:http://www.cnblogs.com/floraCnblogs/p/angular-directive-write.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!