ng-options приводят к двум отдельным div

Question

ng-options приводят к двум отдельным div

0

У меня есть выбор, использующий ng-options для обслуживания результатов. Я могу заставить его создать один из элементов json для div, но я не могу заставить его сделать это для другого. Что мне не хватает?

Код HTML:

 <table class="table">
                            <tr>
                                <td class="select_container">
                                    <select class="form-control" ng-model="selectedOption_1" ng-options="select_array.value as select_array.displayName for select_array in select_array"></select>
                                </td>
                                <td colspan="2">{{selectedOption_1}}</td>
                                <td colspan="3">{{selectedOption_1}}</td>
                            </tr>
                        </table>

Угловой код:

 $scope.select_array = [
    {value: '1', region:'London', displayName: 'display_1'},
    {value: '2', region:'London', displayName: 'display_2'},
    {value: '3', region:'London', displayName: 'display_3'},
];

$scope.selectedOption_1 = '123,285';

Итак, что бы я хотел, чтобы произошло, это когда вы выбираете опцию, заселяете ее значение в первом div и регионе во втором. И измените эти данные на основе выбранного вами варианта. Заранее благодарю за любой совет.

Josh Winters 19 авг. 2016, в 11:10

Источник

Теги:

javascript

jquery

angularjs

1 ответ

Ещё вопросы

Ruhul · Accepted Answer · 2016-08-19T06-21-00.000Z

Попробуйте это, вы должны будете отобразить весь свой объект в качестве значения параметра.

<table class="table">
                            <tr>
                                <td class="select_container">
                                    <select class="form-control" ng-model="selectedOption_1" ng-options="select_array as select_array.displayName for select_array in select_array"></select>
                                </td>
                                <td colspan="2">{{selectedOption_1.value}}</td>
                                <td colspan="3">{{selectedOption_1.region}}</td>
                            </tr>
                        </table>