观察typeahead [angularjs + bootstrap]的变化

时间:2014-06-02 04:13:30

标签: angularjs twitter-bootstrap

我有两个预先输入。第一个显示所有帐户组。

第二个应显示基于第一次打字选择列出的分类帐。

这是第一次打字

 <input type="text" class="form-control" required ng-model="newItem.customSelected1" typeahead="account_group as account_group.group_name for account_group in account_groups | filter:{group_name:$viewValue}"/>

这是第二种类型。

 <input type="text" class="form-control" required ng-model="newItem.customSelected2" typeahead="ledger as ledger.ledger_name for ledger in ledgers | filter:{ledger_name:$viewValue}"/>

我尝试了ng-change,但这并没有为我提供解决方案。

更新

我试过这样的

$scope.$watch("newItem.customSelected1", function (newItem.customSelected1) {
    if(newItem.customSelected2='abc')
    console.log(newItem.customSelected2);


    });

但这并没有提供解决方案。请帮忙

1 个答案:

答案 0 :(得分:1)

这样的事情应该有效:

<input type="text"
       class="form-control"
       required
       ng-model="newItem.customSelected2"
       typeahead="ledger as ledger.ledger_name for ledger in ledgers | filter:newItem.customSelected1.ledger | filter:{ledger_name:$viewValue}"/>

或者取决于您如何构建数据,这样的事情会很好

<input type="text"
       class="form-control"
       required
       ng-model="newItem.customSelected2"
       typeahead="ledger as ledger.ledger_name for ledger in newItem.customSelected1.ledgers | filter:{ledger_name:$viewValue}"/>

但这部分取决于您的数据模型,包括这将有助于获得更具体的答案。还包括一个用于显示您的问题的傻瓜总是更好:

http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f