显示ng-repeat中的项目列表，当使用模型

选择一个输入时，我有这个ng-repeat，它有一个模型在subj.Prerequisites中，subj.Prerequisites可以包含一个数组，例如['SUBJ1'， 'SUBJ2']。我想要做的是当我点击这个ng-repeat内的输入文本时，会出现一个显示的主题列表，其中允许多个选择，然后与多个选定的项目绑定到单击的输入文本。显示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>

虽然这对我来说很难。请有人帮助我。非常感谢！

来源

2017-02-09 Edwin Bermejo

显示'$ scope.sem.subjects' –

这里是我的sem.subjects数组 [ {subjectCode： 'SUBJ1'，先决条件： 'S1'， 'S2']}，{ subjectCode：“ SUBJ2'，先决条件：['S3'，'S4']}， ] 所以先决条件加载到格式为S1，S2和S3，S4的inpute文本我可以把它也放到md-select中，这是S1， S2检查和S3，S4也检查，但我的问题是，如果很多行重复其滞后，并需要大量的时间来加载我用md-select内ng-repeat –

酷问题:) – inQstvJS

根据我对你的问题的理解。请看看这个工作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}}特意为您模型的理解。

编辑开始：

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

此收件人您的要求。

来源

2017-02-09 05:49:49 inQstvJS

列表应该隐藏，直到你点击一个输入和它d低于输入。尽管如此，你的回答非常棒。从我想要的 –

结帐新的笨蛋上面。 – inQstvJS

@ edwin-bermejo：为你做了这项工作？ – inQstvJS

显示ng-repeat中的项目列表，当使用模型

回答

相关问题