搞定angular1.x——自定义指令

        调用Module.directive方法，传入指令名称和工厂函数，返回一个对象。

        指令名称中每个大写字母会被认为是属性名中的一个独立的词，而每个词之间是以一个连字符分隔的。

1. var myApp = angular.module('myApp', [])
2.     .directive("unorderedList", function () {
3.         return function(scope, element, attrs) {
4.     
5.         };
6.     });

返回链式函数

2.  lang="en">
4.      charset="UTF-8">
5.     
6.      rel="stylesheet" href="../css/bootstrap.css" />
7.      rel="stylesheet" href="../css/bootstrap-theme.css">
8.      src="../js/angular.js">
10.  ng-app="myApp" ng-controller="myCtrl">
11.  
12.      class="panel panel-default">
13.          class="panel-heading">
14.             

    Products

15.         

         class="panel-body">

             unordered-list="products">

        

    

 

 

 打破对数据属性的依赖

         设置一个元素属性，用来动态第设置需要参加运算的键。如果属性名是以data-为前缀的，AngularJS会在生成传给连接函数的属性集合时移除这一前缀。也就是说data-list-property和list-property都会被表示为listProperty。

1.  unordered-list="products" list-property="name">