如何使用 AngularJS/Ionic 作为 Backbone/Cordova 项目的一部分?

How to use AngularJS/Ionic as part of Backbone/Cordova project?

我是 AngularJS/Ionic 的新手,所以我希望您能提供一些关于 如何将 AngularJS/Ionic 添加到 Backbone 项目的一部分的想法.

我们手头有一个基于Backbone Cordova 框架构建的项目。现在我们正在寻找在 AngularJS 中完成我们的部分工作。我们想的是用requireJS在Backbone中新建页面,实现AngularJS显示的内容。


例如,我们通过 init 创建一个新页面并在 Backbone 中呈现它,在返回的 html 中,它有 Angular 内容,例如:

<div >
    <p>My first expression: {{ 5 + 5 }}</p>
</div>

我们在 Cordova 之上安装 Ionic 并在 index.html 中导入它们:

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="js/main.js"></script>

在 Chrome 调试模式下,angular 可以使用,但 html 仍被解析为纯文本

My first expression: {{ 5 + 5 }}

一个想法是 angular 被导入但它在主视图上,我们通过单击主视图上的按钮创建的新页面是另一个视图。 Cordova 通过将主视图放在当前视图的顶部来替换主视图,该视图仍然向客户端显示 'same' 页面。所以在这种情况下,AngularJS 不知道它应该在什么地方工作。我试图在 Chrome 调试模式下呈现 html 后触发 angular,它显示 $scope 为未定义。


非常欢迎从架构的角度、编码方面、演示方面的任何想法。即使您认为基于两个不同的框架是不可能的,请在下面留下您的理由。非常感谢!

我自己找到了答案。

是的。它可以将 AngularJS/Ionic 添加到现有的 Backbone/Cordova 项目。我找到了一个很好的例子,https://gist.github.com/geddski/5571990.

想法是仍然使用Backbone创建一个页面,但是在页面内部,它是AngularJS在它上面实现视图。 Ionic 1.0可以直接安装在Cordova工程中

希望这对您有所帮助。如果您有任何疑问或任何更新信息,请随时回复。谢谢。