所以,我有这个 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>
不过这对我来说有点难。请有人帮助我。非常感谢!
最佳答案
根据我对你问题的理解。请查看这个工作中的笨蛋:
<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
这满足了您的要求。
关于javascript - 当使用模型选择输入时,显示 ng-repeat 内的项目列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42128285/