Angular Formly重复部分 - 异步模型。不起作用
创始人
2024-10-19 02:30:40
0

要解决Angular Formly中重复部分异步模型不起作用的问题,可以尝试以下步骤:

  1. 确保正确引入所需的依赖项。在Angular项目中,需要引入angular-formly和angular-formly-templates-bootstrap库。确保已正确安装并在代码中引入这些库。

  2. 在代码中创建表单字段的模板。例如,可以创建一个重复部分的模板,其中包含异步模型。


  1. 在Angular控制器中定义重复部分的模型和函数。在控制器中,需要定义一个数组来存储重复部分的模型,并提供一个函数来添加新的行。
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({});
    };
  });
  1. 将重复部分模板和字段添加到表单中。在HTML中,使用formly-form指令创建表单,并将重复部分模板和字段添加到表单中。

  1. 确保在异步操作完成后更新重复部分的模型。如果重复部分的模型来自于异步操作,需要在异步操作完成后更新模型。可以使用Promise或$timeout来模拟异步操作,并在操作完成后更新模型。
$scope.addNewRow = function() {
  // Simulate async operation
  $timeout(function() {
    $scope.model.repeatSection.push({});
  }, 1000);
};

通过遵循以上步骤,应该能够解决Angular Formly中重复部分异步模型不起作用的问题。请根据实际情况调整代码并进行必要的修改。

相关内容

热门资讯

5分钟举措!hhpoker有作... 您好,hhpoker有作必弊的吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
第八分钟法子!wpk模拟器多开... 第八分钟法子!wpk模拟器多开(透视)一直是真的有辅助安装(哔哩哔哩)1、完成wpk模拟器多开辅助器...
第9分钟手筋!hhpoker有... 第9分钟手筋!hhpoker有没有辅助(透视)其实真的有辅助教程(哔哩哔哩)1、实时hhpoker有...
4分钟攻略!wepoker辅助... 4分钟攻略!wepoker辅助脚本(透视)切实真的是有辅助脚本(哔哩哔哩)1、让任何用户在无需wep...
第三分钟总结!竞技联盟破解版最... 第三分钟总结!竞技联盟破解版最新版(透视)其实真的是有辅助透视(哔哩哔哩)1、竞技联盟破解版最新版免...
第1分钟指南!wepoker插... 第1分钟指南!wepoker插件程序激活码(透视)总是是有辅助插件(哔哩哔哩)1、玩家可以在wepo...
第3分钟资料!aapoker透... 第3分钟资料!aapoker透视脚本(透视)原来有辅助神器(哔哩哔哩)1、进入到aapoker透视脚...
7分钟攻略!pokemmo辅助... 7分钟攻略!pokemmo辅助工具(透视)真是存在有辅助透视(哔哩哔哩)pokemmo辅助工具透视方...
1分钟模板!微扑克微乐辅助(透... 1分钟模板!微扑克微乐辅助(透视)本来是有辅助辅助(哔哩哔哩)1、微扑克微乐辅助脚本辅助下载、微扑克...
4分钟操作!aapoker如何... 4分钟操作!aapoker如何设置胜率(透视)切实是有辅助辅助(哔哩哔哩)1、下载好aapoker如...