我是一个有角度的新手
我有一个带有模板的指令,看起来像这样:
<div class="multiselect-styled">
<a href="javascript:void(0);" class="link" id="link-{{ model.ControlId }}">
<span class="options-selected" id="selected-options-{{ model.ControlId }}">TEXT</span>
<span class="select-arrows"></span>
</a>
</div>
Mymodel
包含一个名为的数组Options
,其中包含n
许多可选选项。每个选项对象都有一个布尔属性;Selected
。我想TEXT
用一个字符串代替n options selected
。那么,如何获得所选选项的数量?
当然,使用循环会执行类似的操作,但是n
在这种情况下我是否可以直接绑定到某种方式(查找n
表达式)?
var n = 0;
angular.forEach(model.Options, function(option) {
if (option.Selected)
n++;
});
更新1
选项如下所示:
"Options": [
{
"Id": "ApprovedAndClosed",
"Value": "ApprovedAndClosed",
"Text": "ApprovedAndClosed",
"Selected": false,
"Code": "ApprovedAndClosed"
},
{
"Id": "Cancel",
"Value": "Cancel",
"Text": "Cancel",
"Selected": false,
"Code": "Cancel"
},
{
"Id": "Done",
"Value": "Done",
"Text": "Done",
"Selected": false,
"Code": "Done"
},
{
"Id": "Init",
"Value": "Init",
"Text": "Init",
"Selected": false,
"Code": "Init"
},
{
"Id": "ReadyForProcessing",
"Value": "ReadyForProcessing",
"Text": "ReadyForProcessing",
"Selected": false,
"Code": "ReadyForProcessing"
},
{
"Id": "Rejected",
"Value": "Rejected",
"Text": "Rejected",
"Selected": false,
"Code": "Rejected"
},
{
"Id": "Reminder",
"Value": "Reminder",
"Text": "Reminder",
"Selected": false,
"Code": "Reminder"
}
]
您可以尝试使用过滤器:
{{(model.Options | filter:{'Selected': true}).length}}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句