angular.js - angularjs指令-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angularjs指令

PHP中文网 2017-05-15 17:04:35

[AngularJS讨论组]

664

             <p id="btnG" 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指令怎么实现？

PHP中文网

认证高级PHP讲师

全部回复(1)

巴扎黑2017-05-15 17:06:35 1楼

直接给两个radio绑定同一个ng-model 然后使用ng-if或者ng-show控制cc和dd两个p的显示

<p id="btnG" 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 id="bb" ng-if="sexValue == 'boy'">
</p>
<p id="cc" ng-if="sexValue == 'girl'">
</p>

label的高亮可以使用ng-class

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>