在使用模型选择输入时，显示ng-重复中的项列表。

Question

所以，我有一个ng重复，它在subj.Prerequisites中有一个模型，subj.Prerequisites可以包含一个数组，例如‘SUBJ1 1’，‘SUBJ1 2’。我想要做的是，当我在这个ng-重复中单击我的输入文本时，将会有一个显示的主题列表，下面的列表允许多个选择，然后使用多个选择项应该绑定到单击的输入文本。

<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:为了你对模型的理解，我特意离开了{多个}。

编辑开始:

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

这个地址符合你方的要求。