AngularJS ng-repeat下使用ng-model

amohan

于 2015-05-29 15:08:26 发布

阅读量1.0k

点赞数

分类专栏： angularjs 文章标签： angularjs js

angularjs 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何使用AngularJS实现单选框功能，包括如何通过ng-model改变选择值，以及如何根据选择值改变界面上的单选框状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1
2
3

blue:<input type="radio" value="1" ng-model="selectValue"/>
red:<input type="radio" value="2" ng-model="selectValue"/>
yellow: <input type="radio" value="3" ng-model="selectValue"/>

以上代码实现一个单选框功能，当你选中其中的一个单选框，可以从$scope.selectValue中得到你选中的的选项的value。
同时改变$scope.selectValue的值，也可以让界面上选中相应的单选框。

转载地址：点击打开链接