Angularjs无法使用ng-click

时间:2014-06-06 03:33:22

标签: angularjs

我的设置很简单

<button ng-click="query = ''" ng-if="query">X</button>
<input type="text" ng-model="query">

检查planker但是当我点击按钮输入时没有清理

http://plnkr.co/edit/RTIGXFHeth4EN6GnSt8Z?p=preview

1 个答案:

答案 0 :(得分:1)

ng-if创建子范围,并在子范围上设置ng-click ="query=''"。而您的ng-model=query是在父范围内定义的。

选项要么使用ng-show

或传递一个对象属性。看到我的小提琴

http://plnkr.co/edit/LGmPALg4wTTmCJLE4aFa?p=preview

看起来像这样

<body ng-app="" ng-init='query={data:""}'>
  <button ng-click="query.data = 'a'" ng-if="query.data">X</button>
    <input type="query" ng-model="query.data">
</body>

还花些时间了解angularjs范围https://github.com/angular/angular.js/wiki/Understanding-Scopes

中的原型继承