如何在没有库的情况下在Angular 5中启动Boostrap元素或实现CSS?

时间:2018-12-08 06:56:07

标签: angular typescript angular5 angular-bootstrap angular2-materialize

我是Typescript和Angular世界的新手。我想知道我们如何以Angular方式初始化Boostrap元素?我的意思是纯粹使用没有ngx-boostrap包装器的Boostrap库。

例如,如果我要启动boostrap传送带。根据指南,我必须编写如下内容:

  

$('。carousel')。carousel()

我想知道我们如何像使用 ElementRef 之类的方式以Angular方式初始化它?

我尝试了 @ types / jquery ,并且上面的代码也可以工作,但是Angular建议不要直接接触DOM,因此不确定我们将如何做< / p>

我也研究了ngx-boostrap库,但是看不到任何初始化代码,所以我不知道它是如何工作的。

在ngx-materializecss中,它使用@ types / jquery和Render(现已弃用)来包装元素。

感谢您对此事的帮助或参考。

谢谢!

1 个答案:

答案 0 :(得分:0)

每个组件都有一个文档,其中包含有关如何添加,运行和实时采样的所有必需步骤的文档。

轮播文档位于此处:https://valor-software.com/ngx-bootstrap/#/carousel