<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42 {{name}} - {{value}} js部分 var app = angular.module('test',[]); app.controller('TestController',['$scope',function($scope) { $scope.options = [ { name: 'Iron man',value: 'Tony Start'}, { name: 'Captain America',value: 'Steve Rogers'}, { name: 'Hulk',value: 'Bruce Banner'} ]; $scope.hero = 'Iton Man'; }]); app.directive('ntList',['$compile',function($compile) { return { restrict: 'E', transclude: true, template: '
ListDemo
{{name}} - {{value}}
var listItem = $compile(clone)(childScope);//AngularJS如何动态显示不同的html内容,用$compile 服务 用法参考http://www.gsgundam.com/2014-12-13-angularjs-compile-to-show-dymanic-html-content/
element.find('list-content').append(listItem);
});
});
}
};
}]);
