如何在聚合物应用程序中实现主要功能

时间:2014-01-07 21:39:56

标签: dart dart-polymer

我想在使用聚合物的应用程序中实现主要功能。

我尝试在dart文件中实现main函数,其中实现了聚合物代码。 代码未执行。

不允许包含带主函数的第二个dart脚本 -

我的错误在哪里? Tnx Mica。

1 个答案:

答案 0 :(得分:21)

<强>的index.html

 <head>
   <!-- <link rel="import" href="packages/polymer/polymer.html"> not necessary anymore (only in elements)-->
   <!-- <script src="packages/web_components/platform.js"></script>
        not necessary anymore with Polymer >= 0.14.0 -->
   <!-- <script src="packages/web_components/dart_support.js"></script> 
        not necessary anymore with Polymer >= 0.15.0 -->

   <!-- old -->
   <script type="application/dart">
      export 'package:polymer/init.dart';</script> 

   <!-- new  -->
   <script type="application/dart">export 'index.dart';</script>
 </head>
 <body>
   ...
   <!-- ... when you use a custom main method (see https://code.google.com/p/dart/issues/detail?id=17546#c16) -->
   <script type="application/dart" src="index.dart"></script>
 </body>

<强> index.dart

聚合物0.17.0 (Polymer.js 1.0)

main() async {
  await initPolymer();
  // Any other code here.
}

在Polymer 0.17.0之前

聚合物 0.16.1 引入了一种更简单的初始化方法。 而不是main()使用注释为@whenPolymerReady

的方法
// >= Polymer 0.16.1
import 'package:polymer/polymer.dart';
export 'package:polymer/init.dart';

@whenPolymerReady
void onReady() {
  /// Custom setup code here.
}

在Polymer.dart 0.16.1之前

// >= Polymer 0.16.0
import "package:polymer/polymer.dart";

main() {
  initPolymer().then((zone) => zone.run(() {
    // code here works most of the time
    Polymer.onReady.then((_) {     
      // some things must wait until onReady callback is called
      // for an example look at the discussion linked below
    });
  }));
}

有关详细信息,请查看Polymer 0.16.0的更改日志 https://pub.dartlang.org/packages/polymer

在Polymer 0.16.0之前

// < Polymer 0.16.0    
import "package:polymer/polymer.dart";

main() {
  initPolymer().run(() {
    // code here works most of the time
    Polymer.onReady.then((_) {     
      // some things must wait until onReady callback is called
      // for an example look at the discussion linked below
    });
  });
}

simple tooltip working in dartium, not as javascript