angularjs中的多個複選框錯誤

-2

我在我的程序中有多個複選框，但它不工作。我在下面給我的代碼。請檢查並讓我知道我做錯了什麼。我是angularjs的初學者。angularjs中的多個複選框錯誤

HTML代碼：

<div class="row"> 
    <ul> 
     <li class="col s6 m2" data-ng-repeat="item in amenities.general_amenities track by item.id"> 
      <input type="checkbox"ng-model="checkboxModel.value" checked> 
      <label for="general_amenities"> 
       <span data-ng-bind="item.amenities"></span> 
      </label> 
     </li> 
    </ul> 
</div>

控制器代碼：

.controller(
    'appCtrl', 
    ["$scope", '$connectivityModel', 
    function ($scope, $cm) { 
     angular.extend($scope, { 
      common: [], 
      $scope : checkboxModel = { 
       value : true, 
      },

延續到同樣的問題，我增加了快照和代碼中，我想在加的點擊創建類似的一行相同的文字按鈕。

enter image description here

HTML：

     <div class="row"> 

        <div class="input-field col s10 m6"> 
         <input id="near_metro" type="text"> 
         <label for="near_metro" class="">Near Metro Station</label> 
        </div> 
        <div class="col s2 m2"> 
         <button class="btn-floating btn-large waves-effect waves-light blue" type="submit" 
           name="action" data-ng-submit="addNew(row in connectivity)" value="<%row.value%>"><%row.text%>> 
          <i class="material-icons right">add</i> 
         </button> 
        </div> 
        <div class="input-field col s12 m4"> 
         <input id="road" type="text"> 
         <label for="road" class="">Road</label> 
        </div> 


       </div>

來源

2016-09-16 Hemant

歡迎來到SO！什麼是不正確的，你能告訴更多關於這個問題的信息嗎？ –

你也可能想添加一個片段到你的文章。這樣我們可以看到代碼的（非）工作版本。讓我們快速回應這個問題。 –

對於初學者來說，你的HTML在這裏缺少一個空格'''type =「複選框」ng-model =「checkboxModel.value」'''在「複選框」 – nikjohn

var app = angular.module('myApp', []); 
 
\t \t app.controller('appCtrl', function($scope){ 
 
\t \t  $scope.checkboxs = [ 
 
\t   { name: "Red", id: 0, isChecked: true }, 
 
\t   { name: "Blue", id: 1, isChecked: false }, 
 
\t   { name: "Green", id: 2, isChecked: true }, 
 
\t   { name: "Yellow", id: 3, isChecked: true }, 
 
\t   { name: "Orange", id: 4, isChecked: false }, 
 
\t   { name: "Purple", id: 5, isChecked: true } 
 
    \t \t ]; 
 
\t \t });

<!doctype html> 
 
<html> 
 
    <head> 
 
    <title>My Angular App</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
    </head> 
 
    <body> 
 
    \t <div ng-app="myApp" ng-controller="appCtrl"> 
 
\t \t <label ng-repeat="check in checkboxs"> 
 
\t \t  <input type="checkbox" ng-model="check.isChecked" /> {{check.name}} 
 
\t \t </label> 
 
    </body>

var app = angular.module('myApp', []); 
 
\t \t app.controller('appCtrl', function($scope){ 
 
\t \t  $scope.checkboxs = {checkbox1: true, checkbox2: false}; 
 
\t \t });

<!doctype html> 
 
<html> 
 
    <head> 
 
    <title>My Angular App</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
    </head> 
 
    <body> 
 
    \t <div ng-app="myApp" ng-controller="appCtrl"> 
 
\t \t <label ng-repeat="(check,enabled) in checkboxs"> 
 
\t \t  <input type="checkbox" ng-model="checkboxs[check]" /> {{check}} 
 
\t \t </label> 
 
    </body> 
 

 
</html>

希望它適合你。

來源

2016-09-16 07:52:24 Ayush

謝謝!!它現在適用於我 – Hemant

angularjs中的多個複選框錯誤

回答

相關問題