Angular JS数据没有绑定

时间:2014-11-26 09:11:22

标签: javascript angularjs twitter-bootstrap

下面的代码是带引导程序的角度js。问题是,当我在plnkr中渲染此代码时,它工作正常,在我的项目中它行为不端。两个快照如下所示。我不知道可用于调试这种角度特定行为的调试工具。

变量$ scope.radioModel永远不会获取控制器内的值。

此外,它还是一个复杂的控制器,到目前为止所有的数据绑定。

HTML

<h4>Simple example</h4>
<pre>radioModel: {{radioModel || 'null'}}</pre>
<pre>anotherRadioModel: {{anotherRadioModel || 'null'}}</pre>
<div class="btn-group" ng-click="onButtonClick()" >
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">Left</label>
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Middle'">Middle</label>
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Right'">Right</label>
</div>

的Javascript

$scope.onButtonClick = function(){
  $scope.anotherRadioModel = $scope.radioModel;
} ;

Plnkr - http://plnkr.co/edit/xOP4zzXYBCmHq6TzFkf4?p=preview

快照1 plnkr: On Plunker

快照2 localhost: enter image description here

0 个答案:

没有答案