本篇文章主要介绍了"AngularJS--directive"，主要涉及到方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
1.angularJS中directive命名在使用directive时，第一个参数既是在html文档中使用的标签名。但是有个问题需要注意，在js文件中使用驼峰...
1.angularJS中directive命名
在使用directive时，第一个参数既是在html文档中使用的标签名。但是有个问题需要注意，在js文件中使用驼峰命名时，在html文件中需要使用'-'进行分隔，如下所示：
JS文件，在module中定义directive为myDirective：
angular.module('app',[])
.directive('myDirective', function() {
console.log('hello');
return {
restrict: 'E',
template: 'Click me to go to Baidu',
replace:true
};
});HTML文件，使用标签应为my-directive
html>
<html ng-app="app">
<head>
<meta charset="UTF-8">
<title>title>
<script src="../js/angular.min.js">script>
<script src="chapter8_1.js">script>
head>
<body>
<my-directive>my-directive>
body>
html>
如果在HTML中同样使用驼峰形式，则会产生未知标签的错误。
2.Directive的格式
下面都是用来声明前面创建指令的合法格式：
<my-directive>my-directive>
<div my-directive>div>
<div class="my-directive">div>
为了让AngularJS能够调用我们的指令，需要修改指令定义中的restrict设置。这个设置告诉AngularJS在编译HTML时用哪种声明格式来匹配指令定义。我们可以指定一个或多个格式。例如，之前创建的指令中可以指定以元素（E）、属性（A）、类（C）或注释（M）的格式来调用指令：
angular.module('app',[])
.directive('myDirective', function() {
console.log('hello');
return {
restrict: 'EAC',
template: 'Click me to go to Baidu',
replace:true
};
});
无论有多少种方式可以声明指令，我们坚持使用属性方式，因为它有比较好的跨浏览器兼容性：
遵循这个约定的同时，也要注意每个浏览器的内置样式，以便决定指令模板在HTML中是嵌套在声明元素内，还是替换声明元素。
以上就介绍了AngularJS--directive，包括了方面的内容，希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。
本文网址链接：http://www.codes51.com/article/detail_147767.html
