相关疑难解决方法(0)

Angular2:使用 Pipe 动态渲染模板

我正在创建一个表单,从后端获取字段。映射后,我有这样的东西:

genericFilters: {
        iboId: {
            'display': false,
            'template': ''
        },
        iboCode: {
            'display': true,
            'template': 'text_input_iboCode',
            /*'template': 'text/iboCode'*/
        },
        iboName: {
            'display': true,
            'template': 'text_input_iboName'
        },
        iboSurname: {
            'display': true,
            'template': 'text_input_iboSurname'
        },
        iboRank: {
            'display': false,
            'template': 'multiselect_iboRank',
            /*'template': 'select/multi_iboRank',*/
        },
        iboEmail: {
            'display': false,
            'template': 'text_input_iboEmail'
        },
        iboNewsletter: {
            'display': true,
            'template': 'simple_select_iboNewsletter',
            /*'template': 'select/simple_iboNewsletter',*/
        },
    };
Run Code Online (Sandbox Code Playgroud)

我的想法是在应用程序级别为表单字段创建每个字段类型(checkboxmultiselecttext、等)。radio并使用上面的映射JSON将某种字段类型应用于从后端接收的每个字段。

在我的示例中,该字段iboId应具有字段类型<text_input_iboCode>

所以,在我看来,我不想有这样的事情:

<text_input_iboCode></text_input_iboCode>
<text_input_iboName></text_input_iboName>
<text_input_iboSurname></text_input_iboSurname>
Run Code Online (Sandbox Code Playgroud)

我实际上想让表单创建更抽象,如下所示: …

typescript angular4 angular

4
推荐指数
1
解决办法
1988
查看次数

标签 统计

angular ×1

angular4 ×1

typescript ×1