Angular指令如何实现复杂页面交互？
- 内容介绍
- 文章标签
- 相关推荐
本文共计194个文字，预计阅读时间需要1分钟。
Angular指令创建示例：
javascript// 创建名为 myApp 的指令模块var m=angular.module(myApp, []);
// 创建 my-dir 指令m.directive(myDir, function() { return { restrict: E, // 指令是一个元素（非属性） scope: { // 指令的作用域设置 } };});
Angular指令//创建指令模块 (或者检索现有模块) var m = angular.module("myApp"); // 创建"my-dir"指令 myApp.directive("myDir", function() { return { restrict: "E", // 指令是一个元素 (并非属性) scope: { // 设置指令对于的scope name: "@", // name 值传递 （字符串，单向绑定） amount: "=", // amount 引用传递（双向绑定） save: "&" // 保存操作 }, template: // 替换HTML (使用scope中的变量) " " + " {{name}}: " + " " + " ", replace: true, // 使用模板替换原始标记 transclude: false, // 不复制原始HTML内容 controller: [ "$scope", function ($scope) { … }], link: function (scope, element, attrs, controller) {…} } });
本文共计194个文字，预计阅读时间需要1分钟。
Angular指令创建示例：
javascript// 创建名为 myApp 的指令模块var m=angular.module(myApp, []);
// 创建 my-dir 指令m.directive(myDir, function() { return { restrict: E, // 指令是一个元素（非属性） scope: { // 指令的作用域设置 } };});
Angular指令//创建指令模块 (或者检索现有模块) var m = angular.module("myApp"); // 创建"my-dir"指令 myApp.directive("myDir", function() { return { restrict: "E", // 指令是一个元素 (并非属性) scope: { // 设置指令对于的scope name: "@", // name 值传递 （字符串，单向绑定） amount: "=", // amount 引用传递（双向绑定） save: "&" // 保存操作 }, template: // 替换HTML (使用scope中的变量) " " + " {{name}}: " + " " + " ", replace: true, // 使用模板替换原始标记 transclude: false, // 不复制原始HTML内容 controller: [ "$scope", function ($scope) { … }], link: function (scope, element, attrs, controller) {…} } });