Dart 如何在Angular 2中获取组件本身和定义变量的引用
如何获取组件“Cart”本身的引用,而不是在类Cart中使用querySelector()Dart 如何在Angular 2中获取组件本身和定义变量的引用,dart,angular,Dart,Angular,如何获取组件“Cart”本身的引用,而不是在类Cart中使用querySelector() @Component( selector: '[cart]', templateUrl: 'cart.html') class Cart { handling(){ querySelector("div[cart]"); } } <div cart> <ul> <li *ngFor="#i of ite
@Component(
selector: '[cart]',
templateUrl: 'cart.html')
class Cart {
handling(){
querySelector("div[cart]");
}
}
<div cart>
<ul>
<li *ngFor="#i of items.values">{{i}}</li>
</ul>
</div>
另外,我想知道是否仍然可以从类Cart访问变量#I
@Component(
selector: '[cart]',
templateUrl: 'cart.html')
class Cart {
handling(){
querySelector("div[cart]");
}
}
<div cart>
<ul>
<li *ngFor="#i of items.values">{{i}}</li>
</ul>
</div>
@组件(
选择器:“[cart]”,
templateUrl:'cart.html')
班车{
处理(){
查询选择器(“div[cart]”;
}
}
- {{i}
@组件(
选择器:“[cart]”,
templateUrl:'cart.html')
类Cart实现AfterViewInit{
//如@Chandermani所述
ElementRef_元素;
购物车(此元素);
@ViewChildren(‘myLi’)ElementRef myLis;
//或者是单个元素,或者只是第一个元素
//@ViewChild('myLi')ElementRef myLi;
ngAfterViewInit(){
//在'ngAfterViewInit()之前未初始化`
印刷品(myLis);
}
处理(){
查询选择器(“div[cart]”;
}
}
- {{i}
你能解释一下你想做什么吗。您可以将ElementRef注入购物车构造函数构造函数(private\u element:ElementRef)
以获得Angular2元素包装器。nativeElement属性必须访问底层DOM为什么要访问#i
,它是项目中的一个值,可在购物车中找到。您好,Chandermani。谢谢你的帮助提示,这解决了我的第一个问题。嗨,甘特·泽克鲍尔。不仅是我。事实上,我想知道是否可以访问模板中定义的变量?谢谢Günter!这非常有用。“Cart(this._元素);”在这里到底做什么?@Cuel它就像TSAh中的构造函数(private _元素:ElementRef)
。很多漂亮的东西:)