如何在Backbone/Cordova项目中使用AngularJS/Ionic?

IT小君   2023-05-12T01:23:33

我是AngularJS / Ionic的新手,所以我请求您的帮助,为我们提供一些关于如何将AngularJS / Ionic添加到Backbone项目的部分的想法。

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


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

<div>
    <p>我的第一个表达式:{{ 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仍被解析为纯文本,如下所示

我的第一个表达式:{{ 5 + 5 }}

一种思路是Angular已被导入,但它在主视图上,我们创建的新页面是单击主视图上的按钮后的另一个视图。 Cordova通过将其放在当前视图的顶部来替换主视图,而仍向客户端显示“相同”的页面。因此,在这种情况下,AngularJS不知道应该在哪个地方工作。我尝试在Chrome调试模式下渲染HTML后触发角度,它显示$scope未定义。


非常欢迎从架构观点,从编码方面,从演示方面,从任何方面提出的任何想法。即使您认为基于两种不同的框架是不可能的,请在下面留下原因。非常感谢!

点击广告,支持我们为你提供更好的服务
评论(1)
IT小君

我自己找到了答案。

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

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

希望这可以帮助。如果您有任何问题或任何更新的信息,请随时回复。谢谢。

2023-05-12T01:23:51   回复