Angular UI按钮指令,活动无线电未正确更新

时间:2014-01-21 15:42:16

标签: javascript angularjs

我正在使用angular ui button指令。我正在尝试收音机。这是一个掠夺者:http://plnkr.co/edit/gUyGmb9wRqHYpLWUrBUs?p=preview

更改输入框时会运行一些逻辑。逻辑更新绑定到我的无线电的对象中的值。

问题是我更新数据时“$ scope.activeInput”没有改变。

有点弥漫,但如果你去找那个。点击“特定能量”。在输入框中写一些东西。然后你可以看到“我的逻辑”元素中没有任何反应。如果你然后达到总成本,那么回到逻辑得到更新的“特定能量”。我希望这是实时发生的。因此,activeObject和我当前选择的无线电之间的“连接”总是会更新。

$scope.totalCost = {
    title: 'Total cost',
    unit: 'Mkr'
  };

  $scope.specificEnergy = {
    title: 'Specifik energi',
    unit: 'kWh/m2,år'
  };

  $scope.absoluteEnergy = {
    title: 'Absolut energi',
    unit: 'Gwh/år'
  };

  //active input is not getting updated properly
  $scope.activeOutput = $scope.totalCost;

  $scope.$watch('myValue', function(){
    $scope.absoluteEnergy.value = $scope.myValue * 5;
    $scope.specificEnergy.value = $scope.myValue * 15;
  })

1 个答案:

答案 0 :(得分:1)

我不太确定我是否遇到了你的问题。但是这个 PLUNKR 有效。我发现了两个问题:

  • btn-radio的值由angular-ui评估,因此您只需要编写btn-radio="totalCost"而不是btn-radio="{{totalCost}}"

  • 如果更改了myValue,则totalCost value不会更改。我不确定你的期望......