注册登录

【AngularJS】AngularJS单选框及多选框实现双向动态绑定-单选框-多选框-动态绑定

时间:2016-02-12 13:14 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【AngularJS单选框及多选框实现双向动态绑定】，下面是详细的讲解！

AngularJS单选框及多选框实现双向动态绑定

<html ng-app="myApp">
<head>
  <meta charset="UTF-8">
  <title>radio & checkbox</title>
  <script type="text/javascript" src="http://www.jb51.net/article/angular.js/1.4.4/angular.min.js"></script>
</head>
<body>
  <input type="radio" name="sex" value="male" ng-model="person.sex" />男
  <input type="radio" name="sex" value="female" ng-model="person.sex" />女
  <input type="text" ng-model="person.sex" />

  <input type="checkbox" ng-true-value="true" ng-false-value="false" ng-model="person.like.pingpong" />乒乓球
  <input type="checkbox" ng-true-value="true" ng-false-value="false" ng-model="person.like.football" />足球
  <input type="checkbox" ng-true-value="true" ng-false-value="false" ng-model="person.like.basketball" />篮球
  <span>{{ person.like.pingpong }} {{ person.like.football }} {{ person.like.basketball }} </span>
</body>
</html>

<script type="text/javascript">
  var app=angular.module('myApp', []);
  app.run(function($rootScope) {
    $rootScope.person={
      sex: "female",
      like: {
        pingpong: true,
        football: true,
        basketball: false
      }
    };
  });
</script>

关于AngularJS单选框及多选框实现双向动态绑定的用户互动如下：

　　相关问题：安卓编程如何在点击确定按钮时把多选框跟单选框的...

　　答：写一个提示框类继承dialog ，在oncreate()方法下加入 this.setContentView(R.layout.dialog_reject); R.layout.dialog_reject.xml就是提示框的布局文件，布局文件里加入你的多选框和单选框，这样就可以了。这是自定义dialog ，使用方法和dialo... >>详细

　　相关问题：AngularJS的数据双向绑定是怎么实现的

　　答：//{params: 要传的参数obj }，params这个是关键字不能换别的变量 $http.get(url, {params: {id: categoryid, key: keys} }).success(function(data){ ... }); //或者这样试试 $http.get('xxx.php?id='+categoryid+'&key='+keys).success(functio... >>详细

　　相关问题：AngularJS双向绑定的选择，解决方法？

　　答：AngularJS的双向绑定特性的确很好用，但是在实际使用中遇到了一些问题：首先使用ng-repeat将数据重复展示出来（item in datas），然后在关联的modal对话框中提供修改功能（将item的对应项使用ng-model绑在modal的form上），但是由于双向绑定的... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【AngularJS】AngularJS单选框及多选框实现双向动态绑定-单选框-多选框-动态绑定

AngularJS单选框及多选框实现双向动态绑定

关于AngularJS单选框及多选框实现双向动态绑定的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）