获取数字框值离子

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-model 需要固定为：

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

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

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

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

获取数字框值离子

get number box value ionic

angularjs

ionic-framework

ionic