Javascript 检查表模型和检查表值未更新模型或未按预期运行
下面是HTML的内容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
<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:[]
};
});