javascript - 将 Onsen UI 与 Meteor.js 结合使用

Question

在尝试将 Onsen UI 与 Meteor.js 和 Cordova 一起使用时，onsen-css-components.css 和 onsenui.css 被复制到 client/css 和 onsenui.js 到 client/lib。 app.html 中的 Meteor 模板使用了 Onsen UI 元素。

但是，似乎没有 CSS 样式应用于这些 ons-* 元素，如下面的屏幕截图所示。将 Onsen UI 样式应用到模板还需要哪些额外步骤？

app.html

<ons-page>
  <ons-toolbar>
    <div class="center">List With Header</div>
  </ons-toolbar>

  <ons-list>
    <ons-list-header>Android Versions</ons-list-header>

    <ons-list-item modifier="chevron">KitKat</ons-list-item>
    <ons-list-item modifier="chevron">Jelly Bean</ons-list-item>
    <ons-list-item modifier="chevron">Honycomb</ons-list-item>

    <ons-list-header>Mac OS X Versions</ons-list-header>

    <ons-list-item modifier="chevron">Mavericks</ons-list-item>
    <ons-list-item modifier="chevron">Mountain Lion</ons-list-item>
    <ons-list-item modifier="chevron">Lion</ons-list-item>
    <ons-list-item modifier="chevron">SnowLeopard</ons-list-item>

  </ons-list>

</ons-page>

app.js

ons.bootstrap();
ons.ready(function() {
    // Add another Onsen UI element
    var content = document.getElementById("#my-content");
    content.innerHTML="<ons-button>Another Button</ons-button>";
    ons.compile(content);
});

渲染结果

Javascript 控制台错误

Uncaught ReferenceError: angular is not defined onsenui.js?6c0e6c9dd262aa6735d1d59f874924b40039dcde:3922
Uncaught ReferenceError: ons is not defined app.js?1177e75f0f0631724c9abb2b3ef5bb97373aca32:1

我们如何在没有 Angular 依赖的情况下使用 Onsen UI？在 Meteor 0.9.2.1 上安装了 mrt:angular-stack，它似乎与 Meteor 0.9+ 不兼容

Answer 1

我也在想同样的事情。看起来它与 Angular 紧密相关:https://github.com/OnsenUI/OnsenUI/issues/222