Angularjs的ng-repeat是用来循环产生呈现数据。
当我们需要在ng-repeat循环中呈现一系列Checkbox时,某些checkbox选项是默认选中的。
在ASP.NET MVC程序中的Entity,准备一些数据:
public IEnumerable<Car> Cars() { return new List<Car>() { {new Car() { ID = 1, Name = "玛莎拉蒂",Selected=false }}, {new Car() { ID = 2, Name = "奔驰" ,Selected=false }}, {new Car() { ID = 3, Name = "宝马" ,Selected=true }}, {new Car() { ID = 4, Name = "保时捷",Selected=false }} }; }
在ASP.NET MVC的控制器中,准备一个方法。这个方法是读取Entity的数据,并为angularjs准备一个呼叫的方法:
public JsonResult GetCars() { CarEntity ce = new CarEntity(); var model = ce.Cars(); return Json(model, JsonRequestBehavior.AllowGet); } public ActionResult CheckBox_IsChecked() { return View(); }
OK,下面我们开始我们真正的程序angularjs:
Html程序:
<div ng-app="PilotApp" ng-controller="CarCtrl"> <div ng-repeat="c in Cars"> <div> <input type="checkbox" value="{{c.ID}}" ng-checked="{{c.Selected}}" />{{c.Name}} </div> </div> </div>
Angularjs程序:
var pilotApp = angular.module("PilotApp", []); pilotApp.controller('CarCtrl', function ($scope, $http) { var obj = {}; $http({ method: 'POST', url: '/Car/GetCars', dataType: 'json', headers: { 'Content-Type': 'application/json; charset=utf-8' }, data: JSON.stringify(obj), }).then(function (response) { $scope.Cars = response.data; }); });
程序运行最终呈现的效果:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对站长技术的支持。
** 浅析微信内核 ** 今天和大家简单了解一下的微信的xConvole 第一步 打开微信 ...
但也许是随着asp的逐渐淡出web开发,官方仅提供了.net、php等版本的上传处理程序...
商业本质上是交易那些不断降低交易成本提高交易效率增强连接密度的行业一定是有...
作者?| ?阿里文娱技术专家 草薰 责编 | 夕颜 出品 | CSDNID:CSDNnews 背景 近年...
例题练习 我们操作例题默认使用下表 Create Table student ( Sno char ( 12 ) Pr...
本文给出了两个密码强度的正则表达式方案,一个简单,一个更复杂和安全。并分别...
秒杀场景设计 流量过滤: 本质上,参与秒杀的用户很多,但是商品的数量是有限的...
1、git冲突的场景 情景一:多个分支代码合并到一个分支时; 情景二:多个分支向...
示例文件如下(不贴DTD了,举简单例子说明一下) 复制代码 代码如下: trans transd...
菜单栏示例一: 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...