Javascript 使用模型选择输入时,显示ng repeat中的项目列表

Javascript 使用模型选择输入时,显示ng repeat中的项目列表,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,所以,我有一个ng repeat,它在subc.premissions中有一个模型,subc.premissions可以包含一个数组,例如['subc1','subc2']。我想做的是,当我在这个ng repeat中单击我的输入文本时,下面会显示一个主题列表,允许多个选择,然后多个选择的项目应该绑定到单击的输入文本 <div ng-repeat="subj in sem.subjects track by $index"> <md-input-container fle

所以,我有一个ng repeat,它在subc.premissions中有一个模型,subc.premissions可以包含一个数组,例如['subc1','subc2']。我想做的是,当我在这个ng repeat中单击我的输入文本时,下面会显示一个主题列表,允许多个选择,然后多个选择的项目应该绑定到单击的输入文本

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

先决条件

根据我对你问题的理解。请查看此工作包:

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

{{subject.subjectCode}的先决条件
{{sb}

PS:我特意留下{{multipre}}供你们理解模型

编辑开始:

试试这个:


根据我对你的问题的理解,这封信符合你的要求。

。请查看此工作包:

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

{{subject.subjectCode}的先决条件
{{sb}

PS:我特意留下{{multipre}}供你们理解模型

编辑开始:

试试这个:


这是我的sem.subjects[{subjectCode:'subject1',前提条件:['S1','S2']},{subjectCode:'subject2',前提条件:['S3','S4']},]的数组,因此前提条件被加载到输入文本中,格式为S1,S2和S3,S4我也可以把它放入md select,也就是S1,S2被检查,S3,S4也被检查,但我的问题是,如果有很多行重复它的延迟,并且需要花费很多时间来加载,我使用md select和ng repeat INSIDENCOOL问题:)show
$scope.sem.subjects
这是我的sem.subjects数组[{subjectCode:'subject1',先决条件:['S1','S2']},{subjectCode:'subject2',先决条件:['S3','S4']},]所以先决条件以S1,S2和S3,S4的格式加载到输入文本中,我也可以将其放入md select中,即S1,S2被检查,S3,S4也被检查,但我的问题是,如果有很多行重复它的延迟,并且需要花费很多时间加载,我使用md select和ng repeat insideCool问题:)列表应该隐藏,直到你点击一个输入,它应该在输入下面。虽然你的答案很棒,但与我想要的不同。签出上面的新插件。列表应该隐藏,直到你点击一个输入,它应该在输入下面。虽然你的答案很棒,但与我想要签出上面的新插件不同。