错误使用typescript angular2获取元素(html中的标记)

时间:2016-06-10 15:10:39

标签: typescript angular

我尝试使用ElementRef和文档以及$('#ID')来获取我的html中的div它不起作用我在ngOnInit中尝试过,ngAfterViewInit也在我的构造函数中。

我尝试使用@ViewChild

我在调用例如$('#ID')时遇到问题我得到了未定义,因为在与模板进行任何交互后它都可以使用

我只需要从我的html页面获取标记div

(我使用角度2 rc1可以帮助我了解问题的来源)谢谢

1 个答案:

答案 0 :(得分:1)

简单地说:“Angular way”告诉你不要直接访问DOM - 这很难维护代码。

您可以访问div的方式取决于访问的目的。如果您想更新div内的文字,可以使用插值{{ }}

<div> {{ text_value_from_model }} </div>

如果您想在click上处理div

<div (click)="onClick()">Text</div>

长版本:我最喜欢的关于在Angular https://stackoverflow.com/a/15012542

中使用jQuery的文章

在Angular2 https://stackoverflow.com/a/30662773/1267942

中使用jQuery也是一个非常好的答案