Angular 2 : How to execute javascript code that manipulates the DOM from a template?

标签 angular typescript angularjs-directive

是否可以执行从模板内访问 DOM 的 JavaScript 代码?

例如,我有一个 Canvas ,我想在上面绘制图像(加载后),我想做下一页上所做的事情,但是来自 Angular 2 陆地: http://www.html5canvastutorials.com/tutorials/html5-canvas-image-size/

最佳答案

您可以使用ElementRef来访问模板内的DOM。 Canvas 逻辑的其余部分类似。我创建了plunker为你。

关于 Angular 2 : How to execute javascript code that manipulates the DOM from a template?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34347054/

相关文章:

angular - 如何将 primeNg 下拉选择值设置为对象的 id 而不是整个对象

javascript - 使用 typescript 批量删除数组

javascript - AngularJS - 递归指令不起作用(无限循环)

javascript - 调用服务返回未定义

javascript - 条件路由更改 Angular 2 中的默认路由

angular - 什么是 LoadChildrenCallback

javascript - 如何从 typescript 文件附加 html 并在 angular2 中对其执行功能

typescript - TypeScript 可以告诉我代码库中的哪些字符串是 "unsafe"吗?

angular - 根据条件动态添加/删除验证器

javascript - 无法访问指令中的 AngularJS 属性