角度绑定在Chrome / Opera中不起作用

时间:2014-04-16 15:56:25

标签: javascript css angularjs google-chrome

嗨,这个JSFiddle适用于Internet Explorer和Firefox,但没有其他的浏览器工作。代码的想法是使用Yahoo Currency API的最新货币转换器。它并没有像Chrome上那样更新其他浏览器的$ scope。 http://jsfiddle.net/xHmLT/13/     选择一个帖子({{visible.post}}可见)

    <select>
        <option  ng-repeat="shot in shots" ng-click="visible.post = shot.Name" value="{{shot.Name}}">{{shot.Name}}</option>
    </select>

<div ng-repeat="shot in shots" ng-if="visible.post == shot.Name">{{shot.Rate | currency:'':''}}

</div>

   <div ng-repeat="shot in shots" ng-if="visible.post == shot.Name">{{shot.Rate *5 | currency:'':''}}

</div>

1 个答案:

答案 0 :(得分:3)

我更新了您的fiddle,并按照您的意图......

工作

您的选择现在通过ng-options填充,模型是visible.post(作为对象)。因此,任何显示visible.post的结果,现在都显示visible.post.Name(对象上的字段)

<select ng-options="s.Name for s in shots" ng-model="visible.post"></select>

所选值的初始化在成功承诺处理程序中完成:

$scope.visible.post = $scope.shots[0];