如何在ng-repeat中利用Checkbox實(shí)現(xiàn)一個(gè)默認(rèn)選中功能？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)始終堅(jiān)持【策劃先行，效果至上】的經(jīng)營(yíng)理念，通過多達(dá)10余年累計(jì)超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的營(yíng)銷解決方案，現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶，其中包括：成都砂巖浮雕等企業(yè)，備受客戶贊美。

Angularjs的ng-repeat是用來循環(huán)產(chǎn)生呈現(xiàn)數(shù)據(jù)。

當(dāng)我們需要在ng-repeat循環(huán)中呈現(xiàn)一系列Checkbox時(shí)，某些checkbox選項(xiàng)是默認(rèn)選中的。

在ASP.NET MVC程序中的Entity，準(zhǔn)備一些數(shù)據(jù)：

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 = "保時(shí)捷",Selected=false }}
      };
    }

在ASP.NET MVC的控制器中，準(zhǔn)備一個(gè)方法。這個(gè)方法是讀取Entity的數(shù)據(jù)，并為angularjs準(zhǔn)備一個(gè)呼叫的方法：

public JsonResult GetCars()
    {
      CarEntity ce = new CarEntity();
      var model = ce.Cars();
      return Json(model, JsonRequestBehavior.AllowGet);
    }

    public ActionResult CheckBox_IsChecked()
    {
      return View();
    }

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;
    });
    
  });

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。

標(biāo)題名稱：如何在ng-repeat中利用Checkbox實(shí)現(xiàn)一個(gè)默認(rèn)選中功能-創(chuàng)新互聯(lián)
文章分享：http://www.chinadenli.net/article14/dgegde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)、外貿(mào)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)