使用Angular2将UI添加到现有站点

时间:2016-11-29 12:32:23

标签: jquery angular

通过将data-属性添加到现有站点的标记,我可以嵌入编写客户端代码所需的元数据,以向现有页面添加功能,例如,打开详细信息或编辑框,或显示相关信息。

使用带有KnockoutJS和Bootstrap的jQuery来解决这个问题似乎很简单,以获得响应性和美观的用户界面。

我可以使用Angular吗? 我不明白的是,在所有Angular2示例中,整个站点都是Angular2 SPA,而我想在现有站点中添加一些新的UI组件。

如果我可以使用Angular那么我将如何处理它?如何在页面中引导Angular组件?

1 个答案:

答案 0 :(得分:0)

您绝对可以在使用其他JavaScript框架或库的Web应用程序中使用Angular。通常,当您这样做时,您使用Angular作为主框架。在Angular 2中,你的Angular应用程序以root组件开头,所以如果你将根组件插入到html页面中的某个div,Angular系统将不会知道根组件之外的东西(你可以通过变通方法实现这一点,但这不是一个好的做法)。

如果要将某些内容转换为Angular,可以将所有html代码放在根组件中,然后慢慢将其转换为Angular方式(Angular组件)。