如果开关在角度关闭时如何使文本变灰?

时间:2014-12-19 06:57:54

标签: angularjs

嗨,我在这里关闭开关,如果开关在TEXT上应该是正常的黑色,否则TEXT应该是红色,有人帮我解决这个问题

FIDDLE:   http://jsfiddle.net/0o88p8xy/

     **Html code**
       <section>
                  <label>Award of excelence</label>
                  <div class="onoffswitch">
                    <input type="radio" id="radio1" name="radios" class="SwitchOn" value="all"  
                  checked>
                    <label for="radio1"></label>
                    <input type="radio" id="radio2" name="radios" class="SwitchOff"  
              value="false">

                    <label for="radio2"></label>
                  </div>
                </section>

                <section>
                  <label>Innovation Index</label>
                  <div class="onoffswitch">
                    <input type="radio" id="radios21" name="radios2" class="SwitchOn" value="all"
              checked>
                    <label for="radios21"></label>
                    <input type="radio" id="radios22" name="radios2" class="SwitchOff" 
                value="false">
                    <label for="radios22"></label>
                  </div>
                </section>

1 个答案:

答案 0 :(得分:1)

以下是一些线索:

  1. 使用ngModel指令将您的开关绑定到$scope的布尔属性(因此您需要一个控制器)。
  2. 使用ngClass指令通过在文本元素上设置变量类来反映该布尔属性的值。