代码之家 › 专栏 › 技术社区 › Fallenreaper

ElementRef没有样式实例

angular-dart angular2-template dart

Fallenreaper · 技术社区 · 8 年前

我正在编写一些代码,用dart更新div的位置。

html如下所示:

<div (mousedown)="mouseDownFunction($event)"></div>
<div #selection></div>

飞镖看起来像:

@ViewChild("selection")
DivElement selectionDiv;

mouseDownFunction(mouse){
  selectionDiv.style.left = "${mouse.position.left}px";
}

当这种情况发生时,它会尝试调用 style 在selectionDiv上,但表示ElementRef没有style实例。

2 回复 | 直到 8 年前

Günter Zöchbauer 8 年前

这是预期的功能。 selectionDiv DivElement ,但 ElementRef dart:html 元素,使用getter selectionDiv.nativeElement .

just95 8 年前

answer 问题是 selectionDiv ElementRef DivElement .

checked mode 可以帮助您在将来尽早发现此类错误。默认情况下,Dartium不执行类型检查。如果希望从类型注释中获益,则需要 specify the --checked VM flag 发射Dartium时。

DART_FLAGS='--checked' path/to/dartium

您的代码现在应产生以下错误消息:

ORIGINAL EXCEPTION: type 'ElementRef' is not a subtype of type 
'DivElement' of 'value' where
  ElementRef is from package:angular2/src/core/linker/element_ref.dart
  DivElement is from dart:html

上面的错误消息提供的堆栈跟踪可以告诉您是哪个变量导致了错误。

ORIGINAL STACKTRACE:
#0      MyComponent.selectionDiv= (package:my_package/my_component.dart:15:14)

推荐文章

Augie Li · AngularDart:如何一次性向子组件添加提供程序/指令

7 年前

Rémi Rousselet · 渐进式web应用程序和AngularDart

7 年前

Tushar Rai · 角度组件的应用程序布局引发错误。scss公司

7 年前

Tushar Rai · 如何删除AngularDart材质组件的“材质”选项卡中的边距

7 年前

Fallenreaper · 使用PageObjects测试内部嵌套有复杂角度组件的组件

8 年前

Muka · 使用Route代替*ngIf控制角度视图组件的优势?

8 年前

Christian Amani · CanActivate不起作用AngularDart 4

8 年前

Tushar Rai · 表情符号在我的AngularDart项目中不呈现颜色

8 年前

Tushar Rai · Firebase在AngularDart项目中出错

8 年前

Tushar Rai · AngularDart在实现firebase登录时抛出错误

8 年前