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/

在Asp.net中使用Angular js更改标签前体色彩

1 个答案: