手机版

ng-repeat中检验盒默认选中的方法教程

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

开发的尼日利亚重复是用来循环产生呈现数据。

当我们需要在尼日利亚重复循环中呈现一系列检验盒时,某些检验盒选项是默认选中的。

在ASP .会员管理系统程序中的实体,准备一些数据:

public ienumerablecars(){ return new ListCar(){ { 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 .会员管理系统的控制器中,准备一个方法。这个方法是读取实体的数据,并为开发准备一个呼叫的方法:

public JsonResult GetCars(){ CarEntity ce=new CarEntity();定义变量模型=ce .汽车();返回Json(模型,JsonRequestBehavior .允许get);}公共操作结果CheckBox _ IsChecked(){ return View();}好的,下面我们开始我们真正的程序angularjs:

超文本标记语言程序:

div ng-app=' pilot app ' ng-controller=' CarCtrl ' div ng-repeat=' c in Cars ' div输入类型=' checkbox '值=' { { c . ID } } ' ng-checked=' { { c . Selected } } '/{ { c . Name } }/divAngularjs程序:

var Pilotapp=angular。模块(' Pilotapp ',[]);pilotApp.controller('CarCtrl ',函数($scope,$ http){ var obj={ };$http({ method: 'POST ',url: '/Car/GetCars ',dataType: 'json ',标头RS : { ' Content-Type ' : ' application/JSON;charset=utf-8' },data: JSON.stringify(obj),}).然后(函数(响应){ $scope .cars=response . data });});程序运行最终呈现的效果:

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

版权声明:ng-repeat中检验盒默认选中的方法教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。