Javascript 计算表达式为true的数组中的项

我是个棱角分明的新手

我有一个带模板的指令，看起来像这样：

<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>

"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"
      }
]

更新1

选项如下所示：

<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>

"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"
      }
]

您可以尝试使用：

---

您可以使用lodash进行以下操作：

var countSelected = _.filter(Options, { 'Selected': true});
console.log(countSelected.length);

---

请参阅：

您能否提供

选项

？是的，使用选项进行更新。它需要显示在视图中还是仅显示在控制器中？