zoukankan      html  css  js  c++  java
  • angular directive的写法

    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";
    }]);
  • 相关阅读:
    css3渐变色
    css3背景
    css3边框
    css3弹性盒子
    计算机概论
    中断和异常的处理与抢占式多任务
    分页机制和动态页面分配
    任务切换
    任务的隔离和特权级保护
    程序的动态加载和执行
  • 原文地址:https://www.cnblogs.com/floraCnblogs/p/angular-directive-write.html
Copyright © 2011-2022 走看看