javascript - Angular UI 按钮指令，事件 radio 未正确更新

Question

我正在使用 Angular ui 按钮指令。我正在尝试制作一台 radio 。这是一个笨蛋:http://plnkr.co/edit/gUyGmb9wRqHYpLWUrBUs?p=preview

当我更改输入框时，会运行一些逻辑。该逻辑更新与我的 radio 绑定(bind)的对象中的值。

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

有点分散，但如果你去 plunkr。点击“比能量”。在输入框中写一些东西。然后您可以看到“我的逻辑”元素中没有任何反应。如果您随后达到总成本，然后返回“特定能量”，您可以看到逻辑已更新。我希望这一切实时发生。因此，activeObject 和我当前选择的 radio 之间的“连接”始终会更新。

$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;
  })

Answer 1

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

• btn-radio 的值是由 angular-ui 计算的，因此您只需编写 btn-radio="totalCost" 而不是 btn-radio="{ {总成本}}"

• 如果 myValue 更改，totalCost value 不会更改。我不确定你期望什么......