问题描述
<p class='chooseBtn'><input type=’radio’ id=’boy’ name=’sex’ value=’boy’><label for='boy'>男</label><input type=’radio’ id=’girl’ name=’sex’ value=’girl’><label for='girl'>女</label> </p> 哪个radio被选中，它的label就高亮显示 <p id='bb'> 男被选中，id='cc'的p隐藏，id='bb'的p显示 </p> <p id='cc'> 女被选中，id='cc'的p显示，id='bb'的p隐藏 </p> 这样的用angular指令怎么实现？
问题解答
回答1：直接给两个radio绑定同一个ng-model 然后使用ng-if或者ng-show控制cc和dd两个p的显示
<p class='chooseBtn'> <input type=’radio’ id=’boy’ name=’sex’ value=’boy’ ng-model=’sexValue’ checked> <label for='boy'>男</label> <input type=’radio’ id=’girl’ name=’sex’ value=’girl’ ng-model=’sexValue’> <label for='girl'>女</label></p><p ng-if='sexValue == ’boy’'></p><p ng-if='sexValue == ’girl’'></p>
label的高亮可以使用ng-class
