在现有的Meteor-Blaze项目中使用现有的AngularJS应用程序

时间:2016-02-19 21:55:23

标签: angularjs meteor meteor-blaze angular-meteor

我有一个工作的AngularJS项目,我最近开始使用Meteor-Blaze编写的开源项目。我理解AngularJS可以用于流星而不是火焰,如here.

所述

我想做的是让我的相当简单的Angular项目在Meteor-Blaze项目中加载,而不必强制导航到新站点。问题在于,我所阅读的所有内容似乎都暗示如果我希望Angular在Meteor中工作,我需要首先从项目中删除Blaze。

我相信我已找到相反的说明,即在Angular项目中托管Blaze模板here.

这是可能的吗?我意识到最好的解决方案可能是在Blaze中重写我的Angular项目,但我现在更愿意避免这种情况,即使它不是一个完美的解决方案。

有关我尝试做什么的更多说明:Meteor-Blaze项目使用kadira:flow-router使用以下内容将页面的一部分设置为特定的Blaze模板:{{pathFor&# 39; myLink的'}}。在使用FlowRouter.route()设置它们之后使用它。理想的是能够使用相同的" FlowRouter"显示我的角度应用程序,但是我不认为它非常简单,我可以接受其他建议。

1 个答案:

答案 0 :(得分:0)

我使用Meteor/Public folder解决了这个问题。通过删除我的应用程序,流星现在忽略了这些文件,并将它们作为静态资产从您的根目录加载。

从那里很简单,我创建了一个包含iframe的模板,它只是加载我的角度项目:

<template name="dummypage">
  <iframe style="height:100%; width:100%" src="/my_angular_app/index.html"></iframe>
</template>

然后我使用FlowRouter路由到它:

FlowRouter.route('/dummypage');

注意:除了使用FlowRouter之外,我确定有多种方法可以加载dummypage模板,但这对我的用例有用。