我试图将$ scope的变量传递给指令,但是它不起作用。我在模板函数中捕获了变量:
app.directive('customdir', function () {
return {
restrict: 'E',
template: function(element, attrs) {
console.log(attrs.filterby);
switch (attrs.filterby) {
case 'World':
return '<input type="checkbox">';
}
return '<input type="text" />';
}
};
});
我需要的是变量
filterby
的值,而不是变量名本身。Plunkr Demo
最佳答案
或者像这样
app.directive('customdir', function ($compile) {
var getTemplate = function(filter) {
switch (filter) {
case 'World': return '<input type="checkbox" ng-model="filterby">';
default: return '<input type="text" ng-model="filterby" />';
}
}
return {
restrict: 'E',
scope: {
filterby: "="
},
link: function(scope, element, attrs) {
var el = $compile(getTemplate(scope.filterby))(scope);
element.replaceWith(el);
}
};
});
http://plnkr.co/edit/yPopi0mYdViElCKrQAq9?p=preview