ionic 中的 $scope.$watch 问题

angularjs 中的$watch 用来监控变量的变化,并做出改变.
在 ionic 中也有这个需求,这有个小小的坑.

<label class="item item-input">
     <i class="icon ion-search placeholder-icon"></i>
     <input type="text" placeholder="Search" ng-model="user">
     </label>
            {{user}}
            {{updated}}
  $scope.updated = -1;
  $scope.$watch('user.name', ()->
    console.log $scope.user
    $scope.updated++;
  , true
  );

用 angular 这样的写法,死活不行.
google 了下,需要把watch的内容放在一个父元素中.js 代码如下:


  $scope.user = {name: "sss"}
  $scope.updated = -1;

  $scope.$watch('user.name', ()->
    console.log $scope.user
    $scope.updated++;
  , true
  );

html 代码

<div class="list list-inset">
    <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="Search" ng-model="user.name">
    </label>
{{user}}
{{updated}}
</div>

本文参考
http://forum.ionicframework.com/t/why-does-this-scope-watch-not-work/9430

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值