angular指令的自定义方法

2025-04-19 18:59:25

1、<body ng-app="myApp"> 争犸禀淫 <my-bq></my-bq> <div my-bq></div> <div class="my-bq">这个不能使用</div>

2、<script>/*E 作为元素名使用A 作为属性使用C 作为类名使用M 作为注释使用* */

3、var app = angular.module("myApp", []);app.directive("myBq", function() {return {restrict : "EA",template: "<h2>指令的自定义方式!</h2>"};});</script></body>

4、restrict用于限制自定义标签的使用；如果值为a，则标签只能用于元素的属性，<div my-bq></div>。如果restrict的值为c，则标签只能作为类名使用，<div class="my-bq"></div>

5、ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。model模型可以将name传递；

6、<body> <div ng-app="myApp" ng-controller="mycon"> 名字: <input ng-model="name"> </div>

7、<script>var app = angular.module('myApp', []);app.controller('mycon', function($scope) {$scope.name = "张萨满";});</script></body>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。