我如何在函數中調用$ scope變量到Ionic中的不同模板

Question

我有2個離子模板，它們具有相同的ng-controller 。 在第一個模板中，我可以調用函數中聲明的{{answer}} ，但是當我嘗試在第二個模板中調用它時，它不會顯示。

以下是示例代碼：

1號 模板

<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>

2號 模板

<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;
  }
});

現在，當答案的值將被更改時，它將在DOM中更新。