Question

我使用angular formly来创建具有嵌套属性的表单。

我有一个带有嵌套用户对象的employee对象，该对象具有first_name和last_name属性。每当我使用内置模板时，嵌套属性都可以工作（＆＃39;字段＆＃39;变量如下）。

当我使用自己的自定义模板时，我无法访问嵌套属性（＆＃39; fields2＆＃39;变量如下）。

从我可以收集的内容中，选项[key]是问题，即输入字段模型[options.key]上的ng-model属性。这转换为失败的模型[＆＃39; user.first_name＆＃39;]。

嵌套属性如何在内置模板中工作，以及如何复制此行为。

var fields = [{   
    key: 'user.first_name',
    type: 'input',
    templateOptions: {
    label: 'First Name',
    required: true,
}]  

var fields2 = [{   
    key: 'user.first_name',
    type: 'customTemplate',
    templateOptions: {
    label: 'First Name',
    required: true,
}]

customTemplate.html

<div class="col-xs-12 form-group">
    <label for="{{::id}}" class="col-sm-2 col-xs-12 control-label">{{to.label}}<span ng-if="to.required" class="required">*</span></label>
    <div class="col-xs-12 col-sm-10"> 
        <input placeholder="{{to.label}}" class="form-control col-sm-10" id="{{::id}}" name="{{to.label]}}" ng-model='model[options.key]' type="to.type || 'text'"/>
    </div>
</div>

提前致谢

嵌套属性无法使用自定义模板进行角度形式

0 个答案: