AngularJs ng-repeat指令中怎么实现含有自定义指令的动态html
答案:1 悬赏:40 手机版
解决时间 2021-04-02 04:33
- 提问者网友：心如荒岛囚我终老
- 2021-04-01 11:39
AngularJs ng-repeat指令中怎么实现含有自定义指令的动态html
最佳答案
- 五星知识达人网友：零点过十分
- 2021-04-01 13:05
在ng-repeat中，含有动态的html，而这些html中含有自定义指令。
因为希望实现一个能够复用的table，所以定义了一个指令myStandTable，指令代码大概如下：
var myCommon = angular.module("myCommon",[]);
myCommon.directive("myStandTable", function () {
return {
restrict: "A",
templateUrl: "app/template/tableTem.html",
transclude: false,
replace: true,
controller: function ($scope,$compile, commonService) {
// do something...
},
link: function (scope, element, attris) {
}
}
});
tableTem.html文件代码如下：
因为希望实现一个能够复用的table，所以定义了一个指令myStandTable，指令代码大概如下：
var myCommon = angular.module("myCommon",[]);
myCommon.directive("myStandTable", function () {
return {
restrict: "A",
templateUrl: "app/template/tableTem.html",
transclude: false,
replace: true,
controller: function ($scope,$compile, commonService) {
// do something...
},
link: function (scope, element, attris) {
}
}
});
tableTem.html文件代码如下：
| {{item}} | |
|---|---|
{{item[name]}} |
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯