要解决Angular Formly中重复部分异步模型不起作用的问题,可以尝试以下步骤:
确保正确引入所需的依赖项。在Angular项目中,需要引入angular-formly和angular-formly-templates-bootstrap库。确保已正确安装并在代码中引入这些库。
在代码中创建表单字段的模板。例如,可以创建一个重复部分的模板,其中包含异步模型。
angular.module('myApp', ['formly'])
.controller('MainCtrl', function($scope) {
$scope.model = {
repeatSection: []
};
$scope.fields = [
{
type: 'repeatSection',
key: 'repeatSection',
templateOptions: {
label: 'Repeat Section'
}
}
];
$scope.addNewRow = function() {
$scope.model.repeatSection.push({});
};
});
$scope.addNewRow = function() {
// Simulate async operation
$timeout(function() {
$scope.model.repeatSection.push({});
}, 1000);
};
通过遵循以上步骤,应该能够解决Angular Formly中重复部分异步模型不起作用的问题。请根据实际情况调整代码并进行必要的修改。