チェックリストモデルとチェックリスト値以下期待どおりモデルまたは機能していない更新しない

HTMLチェックリストモデルとチェックリスト値以下期待どおりモデルまたは機能していない更新しない

<label ng-repeat="(index, item) in field.optionValue"> 
      <input type="checkbox" 
      checklist-model="formControlsValues[dbColumnName]" 
      checklist-value="item">{{field.optionName[index]}} 
     </label>

field.optionValueとfield.optionNameの含有量は、Array

であります
フィールド= {optionValue：[ "1"、 "2"、 "3"]、オプション名： "XXX"、 "YYY"、 "ZZZ"]}

checklist-model、formControlsValues [dbColumnName]は、チェックボックスがチェックされ/チェックされたときに値を入力すると予想される動的オブジェクトモデルです。 formControlsValuesは[dbColumnName] $ scope.formControlsValues.Village又はコントローラで$ scope.formControlsValues.Stateなりレンダリング及び後述される移入することが期待されるフォーマット $ scope.formControlsValues.Village = 中
["2"、 "1"]

出典

2017-01-27 teenu

誰もがここの周りの仕事で私を助けてくださいことはできますか？ – teenu

私はそれを行っています。それは働いています。

http://jsfiddle.net/fxsu6e79/1/

$scope.formControlsValues={ 
    State:[ 
    "1","3" 
    ], 
    Village:[ 
    "2","3" 
    ] 
};

それは大丈夫でしょうか？

出典

2017-01-30 07:48:38 fingerpich

こんにちは@fingerpich。まず、これに取り組んでいただきありがとうございます。オブジェクトは $ scope.field = { optionValue：optionName：["xxx"、 "yyy"、 "zzz"]、 dbColumnName： "である必要があります。状態 " } ここで私は値$ scope.field.Stateを追跡することができます – teenu

また、" checklist-model "をインジェクタに追加する必要がありますか？ – teenu

私はそれを修正しました。 http://jsfiddle.net/fxsu6e79/3/ – fingerpich

<div ng-controller="DemoCtrl"> 
    <label ng-repeat="(index,value) in field.optionValue"> 
    <input type="checkbox" checklist-model="formControlsValues[field.dbColumnName]" checklist-value="value"> {{field.optionName[index]}} 
    </label> 
    values : {{ formControlsValues[dbColumnName]}} 
</div>

スクリプト

angular.module("DemoApp", ["checklist-model"]) 
.controller('DemoCtrl', function($scope) { 
    $scope.field = { 
     optionValue : ["1","2","3"], 
     optionName : ["xxx", "yyy", "zzz"], 
     dbColumnName : "State" 

    } 
    $scope.dbColumnName="State"; 
    $scope.formControlsValues={ 
     State:[] 
    }; 
});

例を参照してください：ここではhttp://jsfiddle.net/KarthikParameswaran/fxsu6e79/4/

出典

2017-01-30 10:22:07

は、作業コードです。私はあなたが将来問題を引き起こすかもしれないので、文字列（二重引用符で囲まれたもの）の代わりに数字を取得しなければならないことを指摘したいと思います。

// Code goes here 
 

 
var app = angular.module('checkList', ["checklist-model"]); 
 

 
app.controller('checkListCtrl', function ($scope) { 
 
    $scope.formControlsValues = {}; 
 
    $scope.field = { 
 
     optionValue : ["1","2","3"], 
 
     optionName : ["xxx", "yyy", "zzz"], 
 
     dbColumnName : "State" 
 
    }; 
 
    
 
    $scope.dbColumns = ['State', 'Village']; 
 
    $scope.formControlsValues = { 
 
    Village : [], 
 
    State : [] 
 
    } 
 
});

<!DOCTYPE html> 
 
<html ng-app="checkList"> 
 

 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.6.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script> 
 
    <script data-require="[email protected]*" data-semver="0.0.1" src="http://vitalets.github.io/checklist-model/checklist-model.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body ng-controller="checkListCtrl"> 
 
     <h4>Checklist model</h4> 
 
     <div> 
 
     <label ng-repeat="(index, item) in field.optionValue"> 
 
      <input type="checkbox" 
 
      checklist-model="formControlsValues[field.dbColumnName]" 
 
      checklist-value="item">{{field.optionName[index]}} 
 
     </label> 
 
     </div> 
 
     <br /> 
 
     <div> 
 
     <select ng-model="field.dbColumnName" ng-options="d for d in dbColumns"></select> 
 
     </div> 
 
     <div> 
 
      <label>Selected Villages: {{formControlsValues.Village}}</label> 
 
     </div> 
 
     <div> 
 
     <label>Selected States: {{formControlsValues.State}}</label> 
 
     </div> 
 
    </body> 
 

 
</html>

出典

2017-01-30 10:39:00 nivas

チェックリストモデルとチェックリスト値以下期待どおりモデルまたは機能していない更新しない

答えて

関連する問題