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

ようこそ！正確に動作していないものは、問題についてもう少し詳しく教えてください。 –

投稿にスニペットを追加することもできます。このようにして、コードの（非）動作版を見ることができます。問題にすばやく対応できるようにします。 –

初心者の方には、ここにスペースがありません。「チェックボックス」の後に、「タイプ」=「チェックボックス」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に複数のチェックボックスエラーがあります

答えて

関連する問題