如何将 webflow 代码与 angular web 应用程序集成？答案

【问题标题】：How to integrate webflow code with angular web app?如何将 webflow 代码与 angular web 应用程序集成？
【发布时间】：2016-09-25 01:15:00
【问题描述】：

我是使用 Angular 进行 Web 开发的新手，所以我有一个使用 Angular 开发的网站的源代码，我想根据我的需要个性化和调整这个网站：我的问题是：当我添加生成的代码时webflow 到现有的部分页面，浏览器不会解释我的角度变量。我认为问题与我必须如何导入 jquery 和 web flow js 文件有关。

在我的部分页面中，我整合了这些线：

     <script type="text/javascript" src="js/jquery.min.js"></script>
     <script type="text/javascript" src="js/webflow.14ca90e5b.js"></script>

【问题讨论】：

不要...尽量避免混合 Angular 和 webflow。相信我，我做到了，这太可怕了。
@steves 请问有什么替代方案？
我们编写了一系列位于 webflow 之上的 REST 端点，这样页面在 webflow 之外加载，但角度变量等由 REST 响应填充。

标签： jquery angularjs spring-webflow

【解决方案1】：

我遇到了类似的问题，即 webflow.js 没有使用 angularjs 加载。我设法按照以下建议的解决方案解决了这个问题：

http://forum.webflow.com/t/use-of-web-app-frameworks-like-angular/3191/10

只是快速跟进，让人们知道我的解决方案来晚了使用创建的这个方便的模块从 Angular 加载 webflow 库由 GitHib 用户 @endorma 提供。

这里是： gist.github.com/endorama/736900690

在我的代码库中执行以下步骤：

下载此 Angular 模块 (https://gist.github.com/endorama/7369006) 以在惰性模式下加载 webflowjs（即，一旦 angularJS 加载完成，则此模块将获取 webflowjs）
在 AngularJS 应用程序依赖项中导入此模块
下载 webflow js 并必须将其缩小并将其保存在应用程序的根目录中（不在应用程序文件夹中，因为它与 gulp 加载过程冲突）
部分导入 webflowjs，如

希望它会有所帮助。

谢谢，古拉夫。

【讨论】：