angularJs里单选框radio怎么使用ng-model？

最新推荐文章于 2024-06-10 15:20:42 发布

小楫轻舟丶

最新推荐文章于 2024-06-10 15:20:42 发布

阅读量2.4w

点赞数 1

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

本文链接：https://blog.csdn.net/lioldamon/article/details/71323650

版权

AngularJs 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用ng-model和ng-value

ng-mode是当前选中的值,， ng-value是这个radio的值。

使用ng-model把radio绑到一个变量上，ng-value使用表达式来表示值。选中时它的值就是ng-value的值了。测试代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>radio的绑定</title>
    <script src="angular.js"></script>
</head>

<body ng-app="app">
    <div ng-controller="appCon">
        <form ng-submit="ok()">
            <div>
                <input type="radio" name="a" ng-value="a" ng-model="c">11 <input type="text" ng-model="a">
                <input type="radio" name="a" ng-value="b" ng-model="c">22<input type="text" ng-model="b">
            </div>
            <h1>{{c}}<h1>
            <input type="submit" value="submit">
        </form>
    </div>

    <script>

    var app = angular.module('app', []);

    app.controller('appCon', function($scope,$log) {

       $scope.ok = function(){
        $log.log($scope.c);
       }
    });
    </script>
</body>

</html>

这里可以打印下 $scope.c 会发现，它的是你选的选项了。或者直接写页面上看看。

小楫轻舟丶

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
angularJs里单选框radio怎么使用ng-model？

使用ng-model和ng-value使用ng-model把radio绑到一个变量上，ng-value可以使用表达式来表示值。选中时它的值就是ng-value的值了。测试代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>radio的绑定</title> <script s
复制链接

扫一扫

专栏目录