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

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

本文关键字：Cordova 项目 一部分 何使用 AngularJS Ionic      更新时间：2023-09-26

我是AngularJS/Ionic的新手，所以我请求您的帮助给我们一些关于如何将AngularJS/Ionic添加到骨干项目的一部分的想法。

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

例如，我们通过init创建一个新页面，并在Backbone中渲染它，在返回的html中，它有Angular的东西，比如:

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

我们将Ionic安装在Cordova之上，并在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将主视图替换为当前视图的顶部，而当前视图仍然向客户端显示"相同"页面。所以在这种情况下，AngularJS不知道它应该在哪里工作。我试图在Chrome调试模式下渲染html后触发angular，它显示$scope未定义。

从架构的角度，从编码的角度，从演示的角度，任何想法都是非常受欢迎的。即使你认为基于两个不同的框架是不可能的，请在下面留下你的理由。伟大的赞赏!

我自己找到了答案。

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

我们的想法是仍然使用Backbone来创建一个页面，但是在页面内部，它是AngularJS在它上面实现视图。Ionic 1.0可以直接安装在Cordova项目中。

希望这能帮到你。如果您有任何问题或任何更新信息，请随时回复。谢谢你。

相关文章：