Question

我正在研究离子项目，我有2个观点第一个视图：用户输入一个值（整数）然后单击一个按钮带我查看2 第二个视图：向我显示从1到用户输入值的数字列表

这是我的意见：

<input type="text" placeholder="input a value " ng-model="val">

这是视图1的Ctrl

.controller('homeCtrl', function($rootScope, $scope) {
$scope.val;
$rootScope.value= $scope.val;
})

这是视图2列表

<ion-list>
    <ion-item ng-repeat='num in list' item="num"> {{num}} 
    </ion-item>
</ion-list>

这是ctrl

.controller('listCtrl', function($rootScope, $scope) {

var num = $rootScope.value;
$scope.list=[];
  for(var i=1; i<num ; i++)
  {
    $scope.list.push(i);
  }

})

问题出在第一个控制器，这一行

$rootScope.value= $scope.val;

$ rootScope不接受$ scope.val的值当我把这样的测试值 $ rootScope.value = 8;

列表正在运行，否则它不会

请问哪里有问题我没有任何错误谢谢

Answer 1

您正在分配$ scope.val

的当前值

您需要做的是添加一块$ watch来观察对＆＃39; val＆＃39;的更改。像这样：

BindingFlags

Angular JS中的$ scope和$ rootScope

1 个答案: