Как отобразить параметр, выбранный в поле выбора в angularjs?

Question

Как отобразить параметр, выбранный в поле выбора в angularjs?

0

Я не могу установить опцию, выбранную в angularjs

<tr ng-repeat="leader in filtered = (list | orderBy:sort.active:sort.descending) | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit">
    <td>
       <select class="form-control mt10" name="leaderRole" ng-model="leader.role_id" ng-class="{ inputerror: !leader.role_id}">
          <option value="">Please select role</option>
          <option ng-repeat="role in employeeRole" ng-selected="{{leader.role_id == role.id}}" value="{{role.id}}">{{role.description}}</option>
       </select>
    </td>
</tr>

Контрольная часть

var leaders_list = angular.module('leaders_list'); //getter
leaders_list.controller('LeaderController',['$scope','$http','$filter',LeaderController]);
function LeaderController($scope,$http,$filter)
{
   $scope.list = [
      {
        "title": "XYZ",
        "name_first": "ABC",
        "name_last": "EFG",
        "email": "[email protected]",
        "id": 1,
        "role_id": 3
      }
   ];

  $scope.employeeRole = [
    {
      "id": 2,
      "description": "JKL",
      "is_active": true
    },
    {
      "id": 3,
      "description": "STV",
      "is_active": true
    }
  ];
}

Здесь leader.role_id - значение role_id для каждого лидера, когда я делаю над кодом, он не показывал мое значение как выбранное.

Если я удалю ng-model из окна выбора, он отобразит мое значение как выбранное.

Ссылка Plunker: https://plnkr.co/edit/qesu3J6mxJdS6bTjPXKI?p=info

может ли кто-нибудь предложить мне, как это сделать?

San Gustavo 20 апр. 2016, в 08:13

Источник

0

Попробуйте удалить ng-selected="{{leader.role_id == role.id}}" из <option></option>
Dhaval Marthak 20 апр. 2016, в 05:16
0

Можете показать какой-нибудь код вашего контроллера?
Fidel90 20 апр. 2016, в 05:17
0

привет @DhavalMarthak, я уже попробовал это, но не добился успеха.
Sonil Gandhi 20 апр. 2016, в 05:31
0

Можете ли вы создать плункер для демонстрации?
Dhaval Marthak 20 апр. 2016, в 05:35
1

Привет @ Fidel90, я добавил код контроллера
Sonil Gandhi 20 апр. 2016, в 05:43
0

Я думаю, что ng-selected="leader.role_id == role.id" должно работать
Alon Eitan 20 апр. 2016, в 05:58
0

@DhavalMarthak Я также добавил плункерную ссылку
Sonil Gandhi 20 апр. 2016, в 05:58
0

@AlonEitan, пожалуйста, проверьте мою ссылку
Sonil Gandhi 20 апр. 2016, в 06:07

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

Теги:

angularjs

1 ответ

Ещё вопросы

Попробуйте удалить ng-selected="{{leader.role_id == role.id}}" из <option></option>
Можете показать какой-нибудь код вашего контроллера?
привет @DhavalMarthak, я уже попробовал это, но не добился успеха.
Можете ли вы создать плункер для демонстрации?
Привет @ Fidel90, я добавил код контроллера
Я думаю, что ng-selected="leader.role_id == role.id" должно работать
@DhavalMarthak Я также добавил плункерную ссылку
@AlonEitan, пожалуйста, проверьте мою ссылку

JB Nizet · Accepted Answer · 2016-04-20T03-56-00.000Z

1

Лучший ответ

Вы затрудняете свою жизнь, не используя ng-options, как рекомендовано.

Просто замените свой выбор на

<select class="form-control mt10" name="leaderRole" 
        ng-model="leader.role_id" ng-class="{ inputerror: !leader.role_id}"
        ng-options="role.id as role.description for role in employeeRole">
  <option value="">Please select role</option>
</select>

https://plnkr.co/edit/fW9O6BCDOl59aziTz7zX?p=preview

JB Nizet 20 апр. 2016, в 03:56

0

Привет @JB Низет, спасибо за ответ. Я делал такие вещи, но я поступаю неправильно. <select class = "form-control mt10" name = "leaderRole" ng-model = "leader.role_id" ng-class = "{inputerror:! leader.role_id}" ng-options = "role.description для роли в employeeRole отслеживать по role.id "> <option value =" "> Пожалуйста, выберите роль </ option> </ select>
Sonil Gandhi 20 апр. 2016, в 06:26
0

привет может кто-нибудь, пожалуйста, объясните разницу. в ng-options = "role.description для роли в треке employeeRole by role.id" и ng-options = "role.id как role.description для роли в employeeRole".
Sonil Gandhi 20 апр. 2016, в 06:39
0

Как объясняется в документации, если вы используете role.id as role.description , значением модели, если ID, и отображаемым значением является описание, тогда как если вы используете role.description , значением модели является сама роль (т.е. весь объект), и отображаемое значение является описанием. track by - это просто использование, чтобы определить, как связать элементы DOM с элементами массива, если вы обновите массив.
JB Nizet 20 апр. 2016, в 09:33

Показать ещё 1 комментарий