приравнивая переменные, которые приходят от http-вызовов

Question

У меня есть тег выбора с параметрами, заполненными AngularJS. Я пытаюсь выбрать вариант, если он равен другому свойству в области. Значения опций и свойства области, которые я пытаюсь сравнить, получены из асинхронного http-вызова. Так что всегда есть задержка, тогда она не работает должным образом. Какова лучшая практика, чтобы убедиться, что оба свойства области видимости разрешены и готовы к сравнению.

ng-selected="MusteriId == option.Value" сравнивает часть.

<select id="MusteriId" name="MusteriId" ng-model="MusteriId">
    <option ng-selected="MusteriId == option.Value"
            ng-repeat="option in MusteriList" value="{{option.Value}}">
      {{option.Text}}
    </option>
</select>

Это мой контроллер, где выполняются два http-вызова.

(function() {
var biletController = function ($scope, $http, commonFunctions) {

    $scope.Id = null;
    $scope.BiletNo = null;
    $scope.BiletTarihi = null;
    $scope.CurrencyId = null;
    $scope.MusteriId = null;
    $scope.PAID_EUR = null;
    $scope.PAID_TL = null;
    $scope.PAID_USD = null;
    $scope.ServisIstiyorMu = null;
    $scope.TOTAL = null;
    $scope.TourId = null;

    $scope.MusteriList = null;

    $scope.openEditFormJS = function(e) {
        $http.get('/Bilet/Get/' + e)
            .then(function (response) {

                console.log(response.data);

                $scope.Id = response.data.Id;
                $scope.BiletNo = response.data.BiletNo;

                if (response.data.BiletTarihi) {
                    $scope.BiletTarihi = commonFunctions.formatDate(new Date(parseInt(response.data.BiletTarihi.substr(6))));
                }

                $scope.CurrencyId = response.data.CurrencyId;
                $scope.MusteriId = response.data.MusteriId;
                $scope.PAID_EUR = response.data.PAID_EUR;
                $scope.PAID_TL = response.data.PAID_TL;
                $scope.PAID_USD = response.data.PAID_USD;
                $scope.ServisIstiyorMu = response.data.ServisIstiyorMu;
                $scope.TOTAL = response.data.TOTAL;
                $scope.TourId = response.data.TourId;

                $('#modal').modal('show');

            });

        $http.get('/Bilet/GetMusteriSelectList')
            .then(function (response) {

                console.log(response.data);
                $scope.MusteriList = response.data;
            });
    };

};

app.controller('BiletController', ['$scope', '$http', 'commonFunctions', biletController]);
}());

Answer 1

Используйте директиву ng-value для нестроковых значений ¹

<select id="MusteriId" name="MusteriId" ng-model="MusteriId">
    <option ̶n̶g̶-̶s̶e̶l̶e̶c̶t̶e̶d̶=̶"̶M̶u̶s̶t̶e̶r̶i̶I̶d̶ ̶=̶=̶ ̶o̶p̶t̶i̶o̶n̶.̶V̶a̶l̶u̶e̶"̶
            ng-repeat="option in MusteriList" ng-value="option.Value">
      {{option.Text}}
    </option>
</select>

Для получения дополнительной информации см. Использование ngValue для привязкимодель для массива объектов

---

Не использовать ngSelected с ngModel ²

<select id="MusteriId" name="MusteriId" ng-model="MusteriId">
    <option ̶n̶g̶-̶s̶e̶l̶e̶c̶t̶e̶d̶=̶"̶M̶u̶s̶t̶e̶r̶i̶I̶d̶ ̶=̶=̶ ̶o̶p̶t̶i̶o̶n̶.̶V̶a̶l̶u̶e̶"̶
            ng-repeat="option in MusteriList" value="{{option.Value}}">
      {{option.Text}}
    </option>
</select>

Из документов:

Примечание: ngSelected не взаимодействует с директивами <select> и ngModel, оно только устанавливает выбранный атрибут для элемента.Если вы используете ngModel для выбора, , вы не должны использовать ngSelected для опций, так как ngModel установит выбранное значение и выбранные опции.

- AngularJS ng-selected API Reference

См. Дополнительные документы:

• Использование ng-repeat для генерации select параметров
• Использование select с помощью ng-options и установка значения по умолчанию

См. Stackoverflow:

• Использование ng-repeat длягенерировать опции выбора (с демонстрацией)

---