NgВыберите, не выбрав опцию в select - PullRequest
Новая
       13

NgВыберите, не выбрав опцию в select

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

Ng-Selected не выбирает правильный вариант, даже сравнение является правильным. Я вижу в выводе сравнение работает точно отлично.

Мой реальный вопрос заключается в том, что даже после успешного сравнения (в отличие от других вопросов, где сравнение Int и строк возвращает false). Почему это не выбор варианта.

Я не могу использовать опцию для каких-то других целей. Во-вторых, при копировании во фрагмент есть ошибка. Вот почему это не работает. 

var app = angular.module("app", []);
app.controller("HelloController", function($scope) {

  $scope.data = {
    ExpertiseId: null,
    userExperties = [{
      id: 1,
      ExpertyTitle: "Human Resource"
    }, {
      id: 2,
      ExpertyTitle: "Account & Finance"
    }, {
      id: 3,
      ExpertyTitle: "Information Technology"
    }, {
      id: 4,
      ExpertyTitle: "Business Management"
    }];
  }
});
<!DOCTYPE html>
<html lang="en">

<head>
  <title>AngularJS</title>

</head>

<body ng-app="app">
  <select name="ChooseExpertise" id="ChooseExpertise" class="form-control" ng-model="newAdmin.ExpertiseId" required>
    <option style="display:none" value="">CHOOSE_EXPERTISE</option> 
    <option ng-selected="{{option.id.toString() == data.ExpertiseId.toString()}}" value="{{option.id.toString()}}" ng-repeat="option in data.userExperties">{{option.id.toString()==data.ExpertiseId.toString()}}---{{option.ExpertyTitle}}</option>
  </select>
</body>

</html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Спасибо :) Пожалуйста, помогите

1 Ответ

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

В вашем коде есть пара ошибок.

  1. Неверное обозначение объекта
  2. а ты нигде не пользовался нг-контроллером
  3. Размещенные файлы сценариев вне тега html.
  4. Также неправильно выбран синтаксис ng

Я исправил их и обновил фрагмент. 

var app = angular.module("app", []);
app.controller("HelloController", function($scope) {

  $scope.data = {
    ExpertiseId: 2,
    userExperties : [{
      id: 1,
      ExpertyTitle: "Human Resource"
    }, {
      id: 2,
      ExpertyTitle: "Account & Finance"
    }, {
      id: 3,
      ExpertyTitle: "Information Technology"
    }, {
      id: 4,
      ExpertyTitle: "Business Management"
    }]
  }
});
<!DOCTYPE html>
<html lang="en">

<head>
  <title>AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
</head>

<body ng-app="app" >
<div ng-controller="HelloController">
  <select name="ChooseExpertise" id="ChooseExpertise" class="form-control" ng-model="newAdmin.ExpertiseId" required>
    <option  ng-selected="option.id === data.ExpertiseId" ng-repeat="option in data.userExperties" value="{{option.id}}">{{option.id}}</option>
  </select>
  </div>
</body>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</html>
...