我是角度新手。我想编写一个指令，其中包含我在 html 中使用时添加到其中的所有属性。例如：
这是我的指令
'use strict';
app.directive('province', function($compile) {
return {
restrict: 'E',
link: function (scope, element, attrs, controller) {
var markup = "<select></select>";
var elem = angular.element(element);
elem.replaceWith($compile(markup)(scope));
}
};
})
HTML:
<province class="form-control" data-target"elemntId"></province>
我想要我的<select>包含我添加到 html 指令中的类和其他属性。
我想要的输出：<select class="form-control" data-target="elementId"></select>
I used angular.element(element).attr(attr);，但它不起作用；
提前感谢任何帮助。
Edit
我希望将链接函数的 attrs 中存在的所有属性添加到markup.
我将迭代指令的 attr 数组并将其应用到您的模板：
app.directive('province', function($compile) {
return {
restrict: 'E',
replace:true,
template: "<select></select>",
link: function (scope, element, attrs) {
var attr;
for (attr in attrs.$attr) {
if(attrs.hasOwnProperty(attr)){
element.attr(attr, attrs[attr]);
}
}
}
};
})
指令标签：
<province foo="bar" foo1="bar1"></province>
编译成：
<select foo="bar" foo1="bar1"></select>
Plunkr http://plnkr.co/edit/3ZtnQ6
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
