Angularjs уже выбранное значение не должно появляться в другом множестве выпадающих из JSON

Question

Angularjs уже выбранное значение не должно появляться в другом множестве выпадающих из JSON

0

Мне нужна ваша помощь. Я реализую несколько выпадающих меню, используя ng-repeat от json. И я хочу, чтобы после того, как значение выбрано в одном раскрывающемся списке, оно не должно появляться в других выпадающих меню. Я новичок в angularjs. вот мой json. Я хочу, чтобы "данные" выпадали с выбранным значением columnindex.

$scope.records = [
    {
        "userId": "10",
        "fisrtname": "Unnati",
        "lastName": "Chauhan",
        "dateVal": "22-05-2016",
        "columnindex": "1",
        "data": [{value: 1, text: 'USERID'},
            {value: 2, text: 'FIRSTNAME'},
            {value: 3, text: 'LASTNAME'},
            {value: 4, text: 'DOB'}]
    },
    {
        "userId": "20",
        "fisrtname": "Ranju",
        "lastName": "Shinde",
        "dateVal": "21-05-2016",
        "columnindex": "2",
        "data": [{value: 1, text: 'USERID'},
            {value: 2, text: 'FIRSTNAME'},
            {value: 3, text: 'LASTNAME'},
            {value: 4, text: 'DOB'}]
    },
    {
        "userId": "30",
        "fisrtname": "Smruti",
        "lastName": "Modi",
        "dateVal": "20-05-2016",
        "columnindex": "3",
        "data": [{value: 1, text: 'USERID'},
            {value: 2, text: 'FIRSTNAME'},
            {value: 3, text: 'LASTNAME'},
            {value: 4, text: 'DOB'}]
    }];

мой html-код

 <div ng-controller="multipleDropDown">
        <div ng-repeat= "us in records" >

            <select ng-model="us.columnindex" ng-options="item.value as item.text for item in us.data|arrayDiff:us.data:item.value">
            </select>
        </div>
    </div>

Unnati 07 сен. 2016, в 12:28

Источник

0

Помогите мне, пожалуйста. Мне очень нужно решение
Unnati 07 сен. 2016, в 10:37
0

Можете ли вы поделиться своим HTML-кодом?
Ruhul 07 сен. 2016, в 10:38
0

<div ng-controller = "multipleDropDown"> <div ng-repeat = "us in records"> <select ng-model = "us.columnindex" ng-options = "item.value как item.text для элемента в нас. data | arrayDiff: us.data: item.value "> </ select> </ div> </ div>
Unnati 07 сен. 2016, в 10:40
0

привет рухул это мой HTML-код
Unnati 07 сен. 2016, в 10:40
0

Я не совсем понимаю вашу проблему. Вы хотите установить раскрывающийся список данных для coulumindex при первой загрузке? Что-то вроде этой скрипки ?
AWolf 07 сен. 2016, в 10:51
0

Вы можете использовать утилиту lodash (_.filter), чтобы исключить выбранный элемент из первого раскрывающегося списка, чтобы отобразить его во втором раскрывающемся списке. Использование углового мультиселекта позволит вам легко справляться с выпадающими списками. Ссылка: isteven.github.io/angular-multi-select/
Diksha Tekriwal 07 сен. 2016, в 10:54
0

Я хочу, чтобы, если значение уже выбрано в одном раскрывающемся списке, оно не отображалось в других раскрывающихся списках.
Unnati 07 сен. 2016, в 12:28
0

@ AWolf, сэр --------------------- спасибо за скрипку ... но если пользователь выбирает userid, то он не должен появляться в другом выпадающем списке .. это я на самом деле хочу, сэр, плз плз помогите мне
Unnati 07 сен. 2016, в 12:29

Показать ещё 6 комментариев

Теги:

angularjs

json

jsp

1 ответ

Ещё вопросы

Помогите мне, пожалуйста. Мне очень нужно решение
Можете ли вы поделиться своим HTML-кодом?
<div ng-controller = "multipleDropDown"> <div ng-repeat = "us in records"> <select ng-model = "us.columnindex" ng-options = "item.value как item.text для элемента в нас. data | arrayDiff: us.data: item.value "> </ select> </ div> </ div>
Я не совсем понимаю вашу проблему. Вы хотите установить раскрывающийся список данных для coulumindex при первой загрузке? Что-то вроде этой скрипки ?
Вы можете использовать утилиту lodash (_.filter), чтобы исключить выбранный элемент из первого раскрывающегося списка, чтобы отобразить его во втором раскрывающемся списке. Использование углового мультиселекта позволит вам легко справляться с выпадающими списками. Ссылка: isteven.github.io/angular-multi-select/
Я хочу, чтобы, если значение уже выбрано в одном раскрывающемся списке, оно не отображалось в других раскрывающихся списках.
@ AWolf, сэр --------------------- спасибо за скрипку ... но если пользователь выбирает userid, то он не должен появляться в другом выпадающем списке .. это я на самом деле хочу, сэр, плз плз помогите мне

Vinit Sharma · Answer 1 · 2016-09-12T06-54-00.000Z

вам нужно добавить код ниже в раскрывающихся элементах, чтобы избежать рекурсивных вызовов во всех трех раскрывающихся списках во время изменения значений ng-model.

ng-model-options="{ updateOn: 'change', debounce: { change: 0 } }"

Также есть функция, которая обновляет data объекта ваших $scope.records массива. Пожалуйста, взгляните на эту скрипку. Я думаю, что это то, что вам нужно.