当我的无线电模型发生变化时,ng-show不会更新

时间:2014-10-19 22:51:47

标签: javascript angularjs

我正在检查我的单选按钮的值是否存在然后显示。我有一些带有商店名称的单选按钮,当用户选择一个按钮时,它会显示该商店的人员。

如果我检查常规字符串值

,代码可以正常工作
<!-- this works because 'West' isn't {{radio.model}} -->
<tr ng-show="user.store.indexOf('West') != -1" data-ng-repeat="user in users">

然后我将代码更改为此

<!-- this breaks it. Selecting user buttons will show the store name as text where it says {{radio.model}}, but it won't ng-show the users -->
<tr ng-show="user.store.indexOf({{radio.model}}) != -1" data-ng-repeat="user in users">

这是我的一组单选按钮

<label class="btn btn-primary" ng-repeat="store in global.user.store" ng-model="radio.model" btn-radio="store" uncheckable>{{store}}</label>
{{radio.model || 'null'}}

这是我的角度控制器

// fixes the scope problem with ng-model
$scope.radio = {model: null}; 

我会检查单选按钮,它会在页面上显示West(其中显示{{radio.model}})...但西方用户不会变得可见。

1 个答案:

答案 0 :(得分:0)

我删除了{{和}}括号,但它确实有效。我意识到角度控制器说$ scope.radio = model:null,所以我可以直接在没有括号的html中访问radio.model。