angular指令的自定义方法
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。
阅读量：158
阅读量：111
阅读量：59
阅读量：194
阅读量：20