javascript - 在 Asp.net 中使用 Angular js 更改标签前景色

Question

我已经开始学习 Angularjs，我正在尝试在我的项目中实现，但对条件感到困惑。

我想要什么:-

我有几个具有不同颜色的按钮，单击这些按钮后我想更改所选标签的颜色。对于选定的标签，我采用了隐藏字段来存储单击的标签的值。
所以我想首先检查隐藏字段值，然后根据按钮单击更改其颜色。
我遇到过这些

<input type="button" value="Red" ng-click="myStyle={color:'red'}"> 
<label id="lbl1" ng-style="myStyle">
<label id=lbl2"  ng-style="myStyle" >
<input id="hf" type="hidden" runat="server" />

但这会改变所有标签的颜色，但我只想根据 hf 值更改一个控件。
希望它可以理解。提前致谢。

Answer 1

<div ng-app="" ng-controller="myController">
    <input  type="button" value="Red" ng-click="updateColor()"> 
    <label id="lbl1" ng-style="myStyle">test</label>
    <label id="lbl2"  ng-style="myStyle">test2</label>
<input id="hf" 
        name="hf" 
        type="text" 
        runat="server" 
        value="lbl1" 
        ng-model="hf"/>

    <pre>myStyle={{myStyle}}</pre>
        <pre>hf={{hf}}</pre>
    </div>


function myController($scope){

    $scope.hf = document.getElementById('hf').value;

    $scope.updateColor = function(){

       document.getElementById($scope.hf).style.color = 'red';

    }

}

http://jsfiddle.net/pa2yLtqz/