javascript - 当使用模型选择输入时，显示 ng-repeat 内的项目列表

Question

所以，我有这个 ng-repeat，它在 subj.Preventions 中有一个模型，subj.Preventions 可以包含一个数组，例如 ['SUBJ1', 'SUBJ2']。我想做的是，当我单击此 ng-repeat 中的输入文本时，下面将显示一个主题列表，允许多项选择，然后将多个选定的项目绑定(bind)到单击的输入文本。

<div  ng-repeat="subj in sem.subjects track by $index">
   <md-input-container flex class="no-error-spacer uk-margin-remove">
      <label>Prerequisites</label>
        <input type="text" ng-model="subj.Prerequisites" ng-value="(subj.Prerequisites.length <= 0) ? null : subj.Prerequisites" readonly="true">
   </md-input-container>
</div>

<select multiple>
 <option ng-repeat="sb in subjects" value="sb.subjectCode>{{ sb.subjectCode }}</option>
</select>

不过这对我来说有点难。请有人帮助我。非常感谢!

Answer 1

根据我对你问题的理解。请查看这个工作中的笨蛋:

    <div ng-repeat="subj in subjects track by $index">
      <label>Prerequisites for {{subj.subjectCode}}</label>
      <input type="text" ng-model="multiPre[$index]" ng-click="test($index)">
  </div>
  <select ng-model="multiPre[selected]" multiple>
    <option ng-repeat="sb in subjects[selected].prerequisites">{{sb}}</option>
  </select>

https://plnkr.co/edit/2brsDinqAouZ9h6w1taT?p=preview

PS:为了方便您理解模型，我特意留下了 {{multipre}}。

编辑开始:

试试这个: https://plnkr.co/edit/OJm07aLJQTCVgWSGgnZt?p=preview

这满足了您的要求。