Показать список элементов внутри ng-repeat, когда вход выбран с помощью модели

Question

Итак, у меня есть этот ng-repeat, у которого есть модель внутри subj.Prerequisites, subj.Prerequisites могут содержать массив, например ['SUBJ1', 'SUBJ2']. То, что я хотел сделать, - это когда я нажимаю на свой вводный текст внутри этого 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> 

Его вид тяжелый для меня, хотя. Пожалуйста, помогите мне. Спасибо огромное!

Answer 1

В соответствии с моим пониманием вашего вопроса. Посмотрите, пожалуйста, в эту рабочую 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 намеренно для понимания модели.

Edit Start:

Попробуйте: https://plnkr.co/edit/OJm07aLJQTCVgWSGgnZt?p=preview

Это адресаты к вашему требованию.