当与模型选择输入显示的NG-重复内的项目清单 [英] Show a list of items inside an ng-repeat when an input is selected with model

问题描述

所以，我有这个ng-repeat，它在subj.prerequisites，subj内部有一个模型.Prerequisites可以包含数组，例如['SUBJ1'，'SUBJ2']我想做的是，当我在ng-repeat中单击输入文本时，将显示一个显示的主题列表，该列表下方允许进行多项选择，然后将多个选择的项目绑定到单击的输入文本.

So, I have this ng-repeat which has a model inside subj.Prerequisites, subj.Prerequisites can contain an array e.g ['SUBJ1', 'SUBJ2']. What i wanted to do is when i click on my input text inside this ng-repeat there will be a shown list of subjects below which allow multiple selection and then with the multiple selected items should be binded to the clicked input text.

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

这对我来说很难.请有人帮我.非常感谢！

Its kind the hard for me though. Please someone help me. Thank you so much!

推荐答案

根据我对您问题的理解.请查看这个工作正常的插件:

As per my understanding of your question. Please look into this working plunker :

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

PS: I have left {{multipre}} intentionally for your understanding of model.

编辑开始:

尝试一下: https://plnkr.co/edit/OJm07aLJQTCVgWSGgnZt?p=preview

此收件人符合您的要求.

This addressees to your requirement.

这篇关于当与模型选择输入显示的NG-重复内的项目清单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！