2017-02-27 54 views
0

(首次使用AngularDart时间...)AngularDart - 如何从它的ID获取元素?

问题在标题中。我已经包括:

​​

,我的作用是:

void clickRadio() { 
    var ele=querySelector(node,'#idjoe1'); 
} 

应怎样使用节点?

感谢

史蒂夫

回答

2

镖自带dart:html包用一个漂亮的查询选择

import 'dart:html'; 

var ele = querySelector('#idjoe1'); 

<div id="idjoe1"></div> 

但angular2你可以使用里面的ViewChild注释您组件 https://webdev.dartlang.org/angular/api/angular2.core/ViewChild-class

编辑: 如果您要使用其他Angular2组件,则还需要此语法

@ViewChild('idjoe1') 
MaterialRadioComponent radioComponent; 

@ViewChild('idjoe2') 
ElementRef ref; 
HtmlElement get element => ref.nativeElement; 

<material-radio #idjoe1></div> 
<div #idjoe2></div> 
+0

谢谢。我在聚合物中使用了dart.html,但是当我在这里尝试它时,我定义了类型:MaterialRadioComponent ele = querySelector('#idjoe1'),我认为这是querySelector出错。因此,在Webstorm中,如果我使用Element ele = ...,在调试中,它将ele显示为类型“material-radio”(我不能在代码中将其写为类型)。我应该如何定义类型? – Lymp

+0

我更新了我的答案。 如果你还没有,你应该按照这个教程。 https://webdev.dartlang.org/angular/tutorial –