得到数字盒值离子

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中，您需要nested scopes。因此，您的ng模型需要修复为：

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

然后在您的控制器中，您定义mynumber对象，然后在需要的地方使用您的变量：

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

如果您想测试工作代码，我已经创建了Codepen。