Значение угловой модели не обновляется при изменении выбранного значения

Question

Значение угловой модели не обновляется при изменении выбранного значения

0

У меня есть код в моем контроллере

$scope.currencies = [
    { "currency_code": "USD", "currency_name": "American Dollar" },
    { "currency_code": "AUD", "currency_name": "Australian Dollar" }, 
    { "currency_code": "BRL", "currency_name": "Brazilian Real" }, 
    { "currency_code": "CAD", "currency_name": "Canadian Dollar" }, 
    { "currency_code": "CHF", "currency_name": "Swiss Franc" }, 
    { "currency_code": "CLP", "currency_name": "Chilean Peso" }
]

$scope.selectedCurrency = "USD";

$scope.doStuffs = function(){
   alert($scope.selectedCurrency);
}

И в моем представлении

<div class="selected_currency">{{selectedCurrency}}</div>
<select id="currency" name="currency" ng-model="selectedCurrency" 
ng-options="currency.currency_code as currency.currency_code for currency in currencies"> 
</select>

проблема

Когда я меняю валюту на выбор и выполняю doStuffs(), она предупреждает значение по умолчанию USD, selectedCurrency doStuffs() не принимает измененное значение.

Однако выражение {{selectedCurrency}} работает очень хорошо.

Может ли кто-нибудь сказать мне, как обновить модель при изменении значений?

благодаря

ОБНОВИТЬ

Это не сработало

<ion-view view-title="My Stuffs" ng-controller="MyCtrl">
    <ion-content> 
           <!-- other tags -->
    </ion-content>
</ion-view>

Однако после выполнения кода (я только что определил директиву ng-controller в теге с ion-content)

<ion-view view-title="My Stuffs">
        <ion-content  ng-controller="MyCtrl"> 
               <!-- other tags -->
        </ion-content>
    </ion-view>

WatsMyName 02 июнь 2016, в 06:19

Источник

0

Когда вы выполняете $scope.doStuffs ?
Josh Beam 02 июнь 2016, в 04:10
0

Когда вы вызываете doStuffs ? Работает нормально: jsfiddle.net/rayon_1990/L3grpLo9
Rayon 02 июнь 2016, в 04:10
0

doStuffs() вызывается при нажатии кнопки
WatsMyName 02 июнь 2016, в 04:12
0

@Rayon, кажется, работает нормально в Jsfiddle, но не в моем случае, странно!
WatsMyName 02 июнь 2016, в 04:14
0

@WatsMyName, я уверен, что это глупая ошибка .. Делись скрипкой, чтобы можно было взглянуть ..
Rayon 02 июнь 2016, в 04:15
0

@Rayon, пожалуйста, проверьте мое обновление в оригинальном сообщении, теперь оно работает, но мне интересно, почему это не сработало ранее
WatsMyName 02 июнь 2016, в 04:56

Показать ещё 4 комментария

Теги:

javascript

ionic-framework

angularjs

3 ответа

Ещё вопросы

Когда вы вызываете doStuffs ? Работает нормально: jsfiddle.net/rayon_1990/L3grpLo9
doStuffs() вызывается при нажатии кнопки
@Rayon, кажется, работает нормально в Jsfiddle, но не в моем случае, странно!
@WatsMyName, я уверен, что это глупая ошибка .. Делись скрипкой, чтобы можно было взглянуть ..
@Rayon, пожалуйста, проверьте мое обновление в оригинальном сообщении, теперь оно работает, но мне интересно, почему это не сработало ранее

Aditya Singh · Answer 1 · 2016-06-02T05-39-00.000Z

Двухсторонняя привязка работает в угловом режиме, когда значения обновляются по ссылке. В вашем примере selectedCurrency модельCurrency является примитивной string в javascript и никогда не будет обновляться через refernce, и изменение значения не будет работать в двух направлениях.

Чтобы заставить его работать, привяжите модель к атрибуту объекта:

контроллер

$scope.model.selectedCurrency = 'USD';

HTML

ng-model="model.selectedCurrency"

zeeshan Qurban · Answer 2 · 2016-06-02T05-18-00.000Z

Чтобы обновить или изменить значение внутри вашего контроллера, вам нужно написать функцию ng-change на нем

<select id="currency" name="currency" ng-model="selectedCurrency" ng-change="doStuffs()" ng-options="currency.currency_code as currency.currency_code 
   for currency in currencies">
</select>

Код

$scope.doStuffs = function(){
console.log($scope.selectedCurrency);}

Paresh Gami · Answer 3 · 2016-06-02T02-51-00.000Z

Просто добавьте ng-change="doStuffs()" в элемент select

<select 
   id="currency" 
   name="currency" 
   ng-model="selectedCurrency" 
   ng-change="doStuffs()"
   ng-options="currency.currency_code as currency.currency_code 
   for currency in currencies"> 
</select>

Пожалуйста, демо здесь https://plnkr.co/edit/1gueFbhKkRrqmRiSoTYB?p=preview

Я не знаю, что вы подразумеваете под этим ответом, но он не предупреждает правильное значение даже при изменении события
@WarsMyName, пожалуйста, проверьте эту ссылку plnkr.co/edit/1gueFbhKkRrqmRiSoTYB?p=preview
Это не мое решение, мой код не работает должным образом. Это то же самое, что и я. Однако я решил, см. Мое обновление в оригинальном вопросе
можешь объяснить в чем твоя проблема.?