Получить номер коробки значения ионного

Question

У меня есть следующий шаблон и код контроллера

<ion-view view-title="Calculator">
    <ion-content>
    <input type="number" ng-model="mynumber" class="border-input" />
    <button ng-click="doSquare()">X<sup>2</sup></button>
    <button ng-click="doCube()">X<sup>3</sup></button>
    <div>Answer</div>
    </ion-content>

</ion-view>


.controller('CalculatorCtrl', function ($scope) {
    $scope.doSquare = function () {
    //$scope.mynumber = 33;
    var num = $scope.mynumber;
    alert(num);
    }
})

когда я раскомментирую строку, которая устанавливает номер, он работает, но когда я пытаюсь получить номер, он не определен. может кто-нибудь помочь

Answer 1

В Angular вам нужны вложенные области видимости. Итак, ваша ng-модель должна быть зафиксирована на:

<input type="number" ng-model="mynumber.val" class="border-input" />

И затем в вашем контроллере, вы определяете mynumber объект, а затем использовать вашу переменную, где это необходимо:

$scope.mynumber = {};
alert($scope.mynumber.val);

Я создал Codepen, если вы хотите проверить работающий код.