Angularjs не обновляет значение ng-модели при изменении значения раскрывающегося списка / выбора - PullRequest
Новая
       41

Angularjs не обновляет значение ng-модели при изменении значения раскрывающегося списка / выбора

0 голосов
/ 28 мая 2019

Когда я меняю значение параметра select, значение ng-model не изменяется.Это происходит из-за того, что Jquery меняет значение?Потому что я прочитал строку об angularjs из w3school, что событие ng-change срабатывает только в случае реального изменения входного значения, а не в том случае, если изменение было сделано из JavaScript.

И я хочууточнить, что значение параметра изменяется запросом j.

Пожалуйста, предложите мне правильное решение или сообщите мне ошибку в коде.

Вот мой HTML 

<div class="row" ng-app="myapp" ng-controller="mycontroller" id="mainController">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="form-group">
            <p>Rooms
                <% no_of_rooms %>
            </p>
            <select ng-init="no_of_rooms='1'" autocomplete="off" ng-model="no_of_rooms" class="form-control" id="no_of_rooms" style='display:none' name="no_of_room" style="height: 39px !important;">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
            </select>
        </div>
    </div>

    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12" ng-repeat="i in getNumber(no_of_rooms) track by $index">
        <div class="form-group">
            <p>Adult (12+ YRS)</p>
            <select autocomplete="off" class="form-control" style='display:none' name="no_of_adults[]" style="height: 39px !important;">
                <option value="0">0</option>
                <option value="1" Selected>1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
            </select>

        </div>
    </div>
</div>

Здесьмой сценарий. 

var app = angular.module('myapp', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});
app.controller('mycontroller', function($scope , $filter) {
 $scope.getNumber = function(num) {
        return new Array(parseInt(num));   
    }
});
...