发表于: 2017-04-23 23:40:34

1 1101


今天完成的事:

完善任务7,

学习任务8所需要的如何自定义angular 指令

dome

var m = angular.module("myApp");

// 创建"my-dir"指令 

myApp.directive("myDir", function() { 

  return { 

    restrict: "E",        // 指令是一个元素 (并非属性) 

    scope: {              // 设置指令对于的scope 

      name: "@",          // name 值传递 (字符串,单向绑定) 

      amount: "=",        // amount 引用传递(双向绑定) 

      save: "&"           // 保存操作 

    }, 

    template:             // 替换HTML (使用scope中的变量) 

      "<div>" + 

      "  {{name}}: <input ng-model='amount' />" + 

      "  <button ng-click='save()'>Save</button>" + 

      "</div>", 

    replace: true,        // 使用模板替换原始标记 

    transclude: false,    // 不复制原始HTML内容 

    controller: [ "$scope", function ($scope) { …  }], 

    link: function (scope, element, attrs, controller) {…} 

  } 

});  

明天计划的事:

开始任务8

继续angular的学习

遇到的问题:

今天主要是学习为主,dome 没毛病

收获;

学会了如何自定义angular指令


返回列表 返回列表
评论

    分享到