角度6:如何将html文件包含到组件中?

本文介绍了角度6:如何将html文件包含到组件中?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

在servlet环境中，我们可以包含以下任何jsp:

In a servlet environment we can include any jsp like this :

<%@include file=" 'path-to-jsp' " %>

在我的有角项目中，我有一个HTML表单，其中包含许多组件. 我想将此表单包含在两个组件中(创建和更新).

In my angular project I have a html form with many components in it. I want to include this form in 2 components (create and update).

user-form.html:

user-form.html :

<input type=".."...> <input type=".."...> <input type=".."...> <select>...

create-userponent.html:

create-userponent.html:

<form> // insert content of 'user-form.html' at compile time <button>Create User</button> </form>

update-userponent.html:

update-userponent.html:

<form> // insert content of 'user-form.html' at compile time <button>Update User</button> </form>

在Angular 2+中有实现此目的的方法吗?

Is there a way of accomplishing this in Angular 2+ ?

注意:我使用反应形式

推荐答案

您可以将此用户表单作为模板添加到视图中.这样绑定也将起作用 像下面的例子一样

You can add this user-form as a template in your view. in this way binding will also work Like the following example

<user-form [state] = 'Create/Update'></user-form> <button>Create/Update</button>

，用户组件将状态作为输入来检查它是否处于编辑或创建状态. 并在UserFormComponent中将选择器称为用户窗体"，并在当前组件中包括UserFormComponent.

and the user component will take the state as an input to check whether it's in edit or create state. And mention the selector as "user-form" in the UserFormComponent and also include UserFormComponent in your current component.