我想知道这是否是在聚合物飞镖中导入html依赖项的最佳方法。
我希望以这种方式在my-other-element
内使用my-element
:
MY-element.dart:
@HtmlImport('my-element.html')
library mypackage.my_element;
import 'package:polymer/polymer.dart';
import 'package:web_components/web_components.dart' show HtmlImport;
// HERE I import the dart file
import 'my-other-element.dart'
@PolymerRegister('my-element')
class MyElement extends PolymerElement {
MyElement.created() : super.created();
}
MY-element.html:
<!DOCTYPE html>
//HERE I import the element html
<link rel="import" href="my-other-element.html">
<dom-module id="my-element">
<template>
<my-other-element></my-other-element>
</template>
<script type="application/dart" src="my-element.dart"></script>
</dom-module>
答案 0 :(得分:1)
建议使用@HtmlImport(...)
,然后仅使用Darts import ...;
指令导入。
此外:
不鼓励在Dart文件名中使用-
(破折号)。首选_
(下划线)
您也不需要
<script type="application/dart" src="my-element.dart"></script>
如果您按照上面的建议导入,请在<dom-module>
中。