Question

我有2个离子模板具有相同的ng-controller。在第一个模板中，我可以调用函数中声明的{{answer}}，但是当我尝试在第二个模板中调用它时，它不会显示。

以下是示例代码：

第一。模板

<ion-view view-title="calculator" ng-controller="calcCtrl">
<input type="number" ng-model="num1">
<input type="number" ng-model="num2">
<button class="button button-block button-positive" ng-click="addition(num1, num2)">
  Add
</button>
<h2>Answer: {{answer}}</h2>

第二。模板

<ion-view view-title="Add" ng-controller="calcCtrl">
   {{answer}}
</ion-view>

JS档案：

app.controller("calcCtrl", function($scope) {
  $scope.addition = function(num1, num2) {
    $scope.answer = num1 + num2;
  }
});

如何在第二次调用{{answer}}的输出。模板？

Answer 1

我认为你非常接近得到答案。问题在于您的控制器中没有定义$ scope。回答只需进行此修正，立即尝试.....

enter code here

app.controller("calcCtrl", function($scope) {
  $scope.answer=0;
  $scope.addition = function(num1, num2) {
    $scope.answer = num1 + num2;
  }
});

现在，当answer的值发生变化时，它将在DOM中更新。

如何在函数内调用$ scope变量到Ionic中的不同模板

1 个答案: