我有自定义指令以在div中加载页面
.directive('page', function () {
return {
templateUrl: function (elem, attr) {
return 'pages/page-' + attr.num + '.html';
}
};
});
这是自定义指令的dom表示
<div page num="{{pageNo}}"></div>
在这里,我想从控制器更改页码。
如果直接添加值,则指令可以正常工作
<div page num="1"></div>
由于要在pageNo
指令内部插入值,因此无法在templateUrl
函数内部获取该值。您需要使用ng-include
指令来获取指令内部作用域名称的值。
标记
<div page num="{{pageNo}}"></div>
代码
app.directive('page', function() {
return {
scope: {
num: '@'
},
template: '<div ng-include="\'pages/page-\'+ num + \'.html\'"></div>'
};
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句