Angularjs: выберите не обновлять при обновлении ng-модели

Я создал следующий пример, чтобы вы могли точно видеть, что происходит:http://jsfiddle.net/8t2Ln/101/

То же самое происходит, если я использую ng-options. У меня есть другая причина, чтобы сделать это таким образом, но для упрощения примера эта часть была опущена.

Как видите, по умолчанию у него есть две опции. Я отображаю выбранное значение ng-модели рядом с select, чтобы вы могли видеть, что это такое. Когда вы используете верхнюю часть для добавления третьего параметра, он устанавливает значение в значение этого нового параметра, о чем свидетельствует отображаемое значение ng-модели рядом с выбором, но сам выбор не изменяется, чтобы показать правильное значение выбран.

Ниже приведен пример кода по ссылке:

var testApp = angular.module('testApp', ['ngRoute']);

testApp.controller('Ctrl', function ($scope) {

    $scope.newInput = '';
    $scope.inputDevice = [
        {
            value: '1',
            label: 'input1'
        },
        {
            value: '2',
            label: 'input2'
        }
    ];
    $scope.selectedDevice = '';

    $scope.addType = function () {
        var newElem = {
            label: $scope.newInput,
            value: '3'
        };
        $scope.inputDevice.push(newElem);
        $scope.selectedDevice = newElem.value;
    };


});

И вот HTML:

<div ng-app="testApp">
    <div ng-controller="Ctrl">
        <p>
            <input type="text" ng-model="newInput" />
            <br />
            <button ng-click="addType()">Add Type</button>
        </p>
        <select ng-model="selectedDevice">
            <option></option>
            <option ng-repeat="i in inputDevice" value="{{ i.value }}">{{ i.label }} - {{ i.value }}</option>
        </select>
        {{ selectedDevice }}</div>
</div>

Ответы на вопрос(5)

Ваш ответ на вопрос