multiCheckbox does not populate values when checkbox values are async

[m0t0r]

Working with multiCheckbox I found an issue. As demonstrated in this jsbin. In the first case, I predefine checkbox values in options array, and then I simulate async population of the values and in the UI we can see checked checkbox. In the second case I simulate async loading of the checkbox values and when I populate values, the checkbox is not checked.

[ckniffen]

@m0t0r I think this is a problem. It is because of the funky things that have to be done to get multicheckboxes to work in angular. The code is not watching the model value for external changes.

The code in questions is here

angular-formly-templates-bootstrap/src/types/multiCheckbox.js

Lines 36 to 42 in 26ec0f5

	const modelValue = $scope.model[opts.key];
	if (angular.isArray(modelValue)) {
	const valueProp = to.valueProp || 'value';
	angular.forEach(to.options, function(v, index) {
	$scope.multiCheckbox.checked[index] = modelValue.indexOf(v[valueProp]) !== -1;
	});
	}

.

[m0t0r]

@ckniffen, I see. Any chance to get this fixed ? It is blocking me in the project.

[kentcdodds]

@m0t0r, you may have to write your own version. I definitely don't have time to implement this new feature.