Angularjs 将div中的某个字段以角度形式包装

如何在div中包装一些字段而不使用fieldGroup。我希望所有div的类“left layout”都将由类“left container”包装
控制器：

vm.fields = [
      {
        key: 'first',
        type: 'input',
        className: 'left-layout',
        model: vm.model.name,
        templateOptions: {
          label: 'First Name'
        }
      },
      {
        key: 'last',
        type: 'input',
        model: vm.model.name,
        className: 'left-layout',
        templateOptions: {
          label: 'Last Name'
        }
      },
      {
        key: 'email',
        type: 'input',
        templateOptions: {
          label: 'Email Address',
          type: 'email'
        }
      }
];

index.html

<script>
      $('.left-layout').wrapAll("<div class='left-container'></div>");
</script>

$（'.left布局'）.wrapAll（“”）；

---

这是jsbin链接：

为什么不想使用fieldGroup？你就是这样做的。将类名添加到字段组，然后使用在formly配置中预定义的包装器包装字段组：

   .config(function config(formlyConfigProvider) {
                formlyConfigProvider.setWrapper({
                    name: 'left-container',
                    template: '<div class="left-container">  
                                 <formly-transclude></formly-transclude>  
                              </div>'                                                                                                      
                });
    }


vm.fields = [
   {
     wrapper: 'left-container',
     className: 'left-layout',
     fieldGroup: [
      {
        key: 'first',
        type: 'input',
        model: vm.model.name,
        templateOptions: {
          label: 'First Name'
        }
      },
      {
        key: 'last',
        type: 'input',
        model: vm.model.name,
        templateOptions: {
          label: 'Last Name'
        }
      },
      {
        key: 'email',
        type: 'input',
        templateOptions: {
          label: 'Email Address',
          type: 'email'
        }
      }
   }]
];

.config（函数配置（formlyConfigProvider）{
formlyConfigProvider.setWrapper({
名称：'左容器'，
模板：'
'                                                                                                      
});
}
vm.fields=[
{
包装器：“左容器”，
类名：“左布局”，
现场组：[
{
键：“第一”，
键入：“输入”，
型号：vm.model.name，
模板选项：{
标签：“名字”
}
},
{
键：'最后'，
键入：“输入”，
型号：vm.model.name，
模板选项：{
标签：“姓氏”
}
},
{
关键字：“电子邮件”，
键入：“输入”，
模板选项：{
标签：“电子邮件地址”，
键入：“电子邮件”
}
}
}]
];

您为什么不想使用fieldGroup？您就是这样做的。将类名添加到fieldGroup，然后使用在formly配置中预定义的包装器包装fieldGroup：

   .config(function config(formlyConfigProvider) {
                formlyConfigProvider.setWrapper({
                    name: 'left-container',
                    template: '<div class="left-container">  
                                 <formly-transclude></formly-transclude>  
                              </div>'                                                                                                      
                });
    }


vm.fields = [
   {
     wrapper: 'left-container',
     className: 'left-layout',
     fieldGroup: [
      {
        key: 'first',
        type: 'input',
        model: vm.model.name,
        templateOptions: {
          label: 'First Name'
        }
      },
      {
        key: 'last',
        type: 'input',
        model: vm.model.name,
        templateOptions: {
          label: 'Last Name'
        }
      },
      {
        key: 'email',
        type: 'input',
        templateOptions: {
          label: 'Email Address',
          type: 'email'
        }
      }
   }]
];

.config（函数配置（formlyConfigProvider）{
formlyConfigProvider.setWrapper({
名称：'左容器'，
模板：'
'                                                                                                      
});
}
vm.fields=[
{
包装器：“左容器”，
类名：“左布局”，
现场组：[
{
键：“第一”，
键入：“输入”，
型号：vm.model.name，
模板选项：{
标签：“名字”
}
},
{
键：'最后'，
键入：“输入”，
型号：vm.model.name，
模板选项：{
标签：“姓氏”
}
},
{
关键字：“电子邮件”，
键入：“输入”，
模板选项：{
标签：“电子邮件地址”，
键入：“电子邮件”
}
}
}]
];