Угловая директива кнопки UI, активное радио не обновляется должным образом

Question

Я использую угловую директиву кнопки ui. Я пытаюсь сделать радио. Вот плункер: 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; 
    }) 

Answer 1

Я не совсем уверен, ударил ли я по вашей проблеме. Но это PLUNKR работ. Я нашел две проблемы:

• значение БТН-радио оценивается угловом-интерфейса, так что вам просто нужно написать btn-radio="totalCost" вместо btn-radio="{{totalCost}}"

• если myValue смене totalCostvalue является не изменилось. бит я не уверен, что вы ожидаете ...