Javascript 检查表模型和检查表值未更新模型或未按预期运行

Javascript 检查表模型和检查表值未更新模型或未按预期运行,javascript,angularjs,multi-select,checkboxlist,Javascript,Angularjs,Multi Select,Checkboxlist,下面是HTML的内容 <label ng-repeat="(index, item) in field.optionValue"> <input type="checkbox" checklist-model="formControlsValues[dbColumnName]" checklist-value="item">{{field.optionName[index]}} </l

下面是HTML的内容

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

{{field.optionName[index]}
字段。optionValue字段。optionName是一个数组

字段={optionValue:[“1”、“2”、“3”],optionName:[“xxx”、“yyy”、“zzz”]}

检查表模型,formControlsValues[dbColumnName]是一种动态对象模型,当勾选/选中复选框时,它将填充值。
在呈现过程中,formControlsValues[dbColumnName]将$scope.formControlsValues.Village$scope.formControlsValues.State显示在控制器中,并且预期填充的格式如下所述
$scope.formControlsValues.Village=[“2”,“1”]我已经完成了。它正在工作


可以吗?

我已经做了。它正在工作

<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>

可以吗

<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>
见示例:


参见示例:

以下是工作代码。我想指出,您必须将数字作为数字而不是字符串(带双引号),因为您可能会在将来导致问题

//代码在这里
var app=角度模块('检查表',[“检查表模型]);
app.controller('checkListCtrl',函数($scope){
$scope.formControlsValues={};
$scope.field={
期权价值:[“1”、“2”、“3”],
选项名称:[“xxx”、“yyy”、“zzz”],
dbColumnName:“状态”
};
$scope.dbColumns=[“州”、“村”];
$scope.FormControlsValue={
村庄:[],
国家:[]
}
});

检查表模型
{{field.optionName[index]}

选定村庄:{{formControlsValues.Village} 所选状态:{{formControlsValues.State}
这是工作代码。我想指出,您必须将数字作为数字而不是字符串(带双引号),因为您可能会在将来导致问题

//代码在这里
var app=角度模块('检查表',[“检查表模型]);
app.controller('checkListCtrl',函数($scope){
$scope.formControlsValues={};
$scope.field={
期权价值:[“1”、“2”、“3”],
选项名称:[“xxx”、“yyy”、“zzz”],
dbColumnName:“状态”
};
$scope.dbColumns=[“州”、“村”];
$scope.FormControlsValue={
村庄:[],
国家:[]
}
});

检查表模型
{{field.optionName[index]}

选定村庄:{{formControlsValues.Village} 所选状态:{{formControlsValues.State}
有人能帮我做这附近的工作吗?有人能帮我做这附近的工作吗?嗨@fingerpich。首先,我要感谢你在这方面的努力。对象应该是$scope.field={optionValue:[“1”、“2”、“3”],optionName:[“xxx”、“yyy”、“zzz”],dbColumnName:“State”}其中我可以跟踪$scope.field.State的值。我还需要添加“检查表模型”吗是注入器吗?您应该在角度应用程序中添加
检查表模型
模块作为依赖项,而不需要将其注入控制器。谢谢@fingerpich:)您好@fingerpich。首先,我要感谢你在这方面的努力。对象应该是$scope.field={optionValue:[“1”、“2”、“3”],optionName:[“xxx”、“yyy”、“zzz”],dbColumnName:“State”}其中我可以跟踪$scope.field.State的值。我还需要添加“检查表模型”吗是注入器吗?您应该在Angular应用程序中添加
清单模型
模块作为依赖项,而不需要将其注入控制器。感谢@fingerpich:)+1“我想指出,您必须将数字作为数字而不是字符串(带双引号),因为您可能会在将来导致问题。”。这就是我的问题。+1表示“我想指出,你必须将数字作为数字而不是字符串(带双引号),因为你可能会在将来导致问题。”。这就是我的问题所在。
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:[]
  };
});