angular.js - AngularJS 中使用 {{}}表达式的值作为 dom属性的问题
本文介绍了angular.js - AngularJS 中使用 {{}}表达式的值作为 dom属性的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我自己写了一个filter 代码如下:
app.filter('selected', function() {
return function(input, value) {
var out = "";
if(input == value){
out = "selected";
}
return out;
};
});
页面代码如下:
<select class="form-control input-sm" style="width: 60px;">
<option {{data.page.pageSize|selected:5}} >5</option>
<option {{data.page.pageSize|selected:10}} >10</option>
<option {{data.page.pageSize|selected:20}} >20</option>
<option {{data.page.pageSize|selected:50}} >50</option>
</select>
但是现在这样写不起作用,pageSize是任何值的时候都没有效果。 哪位大神指教下谢谢了!
解决方案
要不别用filter
了,这么改改?
<select class="form-control input-sm" style="width: 60px;">
<option ng-selected="data.page.pageSize === 5">5</option>
<option ng-selected="data.page.pageSize === 10" >10</option>
<option ng-selected="data.page.pageSize === 20" >20</option>
<option ng-selected="data.page.pageSize === 50" >50</option>
</select>
这篇关于angular.js - AngularJS 中使用 {{}}表达式的值作为 dom属性的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文