Угловые js ng-параметры выбора пустой метки.когда я выбираю это не показывает выбранный - PullRequest
Новая
       17

Угловые js ng-параметры выбора пустой метки.когда я выбираю это не показывает выбранный

0 голосов
/ 24 сентября 2018

Когда я выбираю из выпадающего списка, он привязывается к модели, но метка выбора отображается пустой. 

<select class="form-control" ng-options="data as data.field for data in reportAnalysis.categoryFields track by data.id" ng-model="reportAnalysis.testData"> 
    <option value="" selected disabled>---Select---</option>    
</select>

Любое решение Пожалуйста, помогите?

Ответы [ 2 ]

0 голосов
/ 24 сентября 2018 

var app = angular.module("Profile", [])
app.controller("ProfileCtrl", function($scope) {
  $scope.reportAnalysis = {}
  $scope.reportAnalysis['categoryFields'] = [{
    "id": 178,
    "field": "Attachments",
    "sort_order": 1,
    "field_type": [{
      "id": 178,
      "type": 5,
      "is_mandatory": 0,
      "conditional_field_id": 0,
      "conditional_field_value": ""
    }]
  }]
  $scope.reportAnalysis['testData'] = {}
  $scope.update_data = function() {
    console.log($scope.reportAnalysis['testData'])
  }

})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="Profile" ng-controller="ProfileCtrl">
  <select class="form-control" ng-options="data as data.field for data in reportAnalysis.categoryFields track by data.id" ng-model="reportAnalysis.testData" ng-change="update_data()">
    <option value="" selected disabled>---Select---</option>
  </select>
</body>
0 голосов
/ 24 сентября 2018

В соответствии с данными, которые вы упомянули, ваш оператор выбора должен быть categoryFields.response .Не уверен, что вы уже установили свои categoryFields для непосредственного хранения объекта ответа.Кроме того, у данных, которыми вы поделились, отсутствуют квадратная скобка и фигурная скобка, предполагая, что это ошибка опечатки.Вы можете проверить работающую ссылку jsfiddle для большей ясности 

 <select class="form-control" ng-options="data as data.field for data in reportAnalysis.categoryFields.response track by data.id" ng-model="reportAnalysis.testData"> 
 <option value="" selected disabled>---Select---</option>    
 </select>

jsfiddle: https://jsfiddle.net/caq0ne1d/27/

Дайте мне знать, если это помогло.

...