问题标签 [zurb-foundation-apps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
419 浏览

heroku - 在 Heroku 上部署 Foundation for Apps

我正在尝试在 Heroku 上部署使用“应用程序基础”创建的应用程序,但没有成功。

包.json:

gulpfile.js

当我部署时,应用程序成功构建,但有一个例外:

之后,当我打开浏览器时,我看到了没有 CSS 样式的网站。

https://fierce-escarpment-9048.herokuapp.com/assets/css/app.css 404 未找到

我怀疑 - 由于 sass 的异常 - CSS 文件没有生成,因此 - 服务器无法访问。

有什么建议可以解决吗?

0 投票
1 回答
236 浏览

zurb-foundation-apps - 测试和部署 Zurb Foundation 应用程序

基础应用

我们一直在通过 Foundation 的新应用程序功能构建应用程序,我们所知道的只是 html、css 和一些 javascript。我们基本上已经创建了一个模板,现在我们一直在到处搜索如何将这个 html5 应用程序推送到我们的手机上进行测试。我们已经在同一网络上的手机上尝试了 localhost:8080 ,但它只是不想工作。更进一步,一旦完成,我们如何部署到 ios 和 android 商店?任何帮助,将不胜感激。感谢您的时间。

0 投票
1 回答
929 浏览

angularjs - 应用程序的基础无法加载 js 和 css 文件

我成功安装了应用程序依赖项的所有基础,包括 ruby​​、nodejs、git、scss 和一切。

但是,加载其属性似乎有问题。

它显示了下面的屏幕(没有模板、css和js)

我的屏幕

什么时候应该显示下面的

适当的屏幕

从 chrome 和 ie 控制台来看,这显然是我本地设置的问题。有谁知道如何解决这一问题?

下面是我运行欢迎模板的 chrome 控制台错误。

加载资源失败:服务器响应状态为 404(未找到) http://localhost:8080/assets/js/angular.min.js加载资源失败:服务器响应状态为 404(未找到) )foundation.js:21 Uncaught TypeError: Cannot read property 'replace' of null http://localhost:8080/assets/css/app.css加载资源失败:服务器响应状态为 404(未找到)

0 投票
1 回答
149 浏览

javascript - 使用 Foundation 的详细视图的 Angular 路由

问题

Angular 新手,我正在使用“应用程序基础:帮助在 Angular 中构建业务目录。我正在寻找为每个业务创建详细视图的路线,看起来像http://localhost:8080/nameofbusiness.

我一直在阅读Angular 文档这个示例几乎完全符合我的要求,我尝试在类似的片段(见下文)中使用 into app.js,但它似乎没有正确编译。

Github:https ://github.com/onlyandrewn/angular

片段

应用程序.js

home.html(所有业务的主视图)

expand.html(仅其中一项业务的详细视图)

0 投票
1 回答
679 浏览

angularjs - 应用程序基础 -> 角度滚动

我正在尝试将 angular-scroll ( https://github.com/oblador/angular-scroll ) 与应用程序的基础一起使用,但它不会滚动:(

一切都在加载(所有脚本),当我在导航上滚动滚动时什么都没有发生。当我从 ui-view 中取出所有代码并将其作为一个单独的页面时它可以工作,所以我认为它与路由有关?

我使用的所有代码都来自 angular-scroll @ https://github.com/oblador/angular-scroll上的示例

这里是在线的 - http://www.medmedia.ie/ngTest/scroll


任何帮助都会很棒

干杯皮尔斯


这是 js 和模板页面:

索引页

0 投票
3 回答
1127 浏览

zurb-foundation - 'foundation-apps' 不是内部或外部命令、可运行程序或批处理文件

我做了

npm install -g Foundation-cli bower gulp

得到

然后,我做了

宝石安装捆绑器

并得到

成功安装 bundler-1.10.5

但是当我尝试

基础应用程序新 myApp

我有

'foundation-apps' 不是内部或外部命令、可运行程序或批处理文件。

在 Windows 7 上工作,在代理后面

0 投票
1 回答
1231 浏览

angularjs - 应用基础:如何替换默认的动态路由插件?

Zurb 的Foundation For Apps使用了一个特殊的插件,可以直接从每个视图创建路由,它会解析所有 HTML 文件以找到这种降价结构:

它将用于生成必要的角度动态路由代码并使用gulp编译routes.js包含以下内容的文件:

所以我的问题是,如果我想更改我的模板路径或重构我的应用程序,或者我需要更高级地使用 Angular 的ui-router特别是state.resolvestate.views,有没有办法替换内置的动态路由一个实例的插件$stateProvider而不破坏任何其他 F4A 的内置组件?


更新:这个特殊的插件叫做Front Router,这是它的 Github 存储库

0 投票
1 回答
88 浏览

angularjs - 包含一个大型项目作为 Webpack 的依赖项

我的特别问题是关于应用程序的基础。到目前为止,如果我使用 CommonJS 代码或在我正在编写的应用程序的上下文中工作,Webpack 一直很棒,但我正在努力引入 Foundation for Apps,它包含自己的 HTML 模板、SVG 图标、JavaScript , 和 SCSS。

我通过要求连接源来包含 FfA 的 JavaScript(这并不理想,但它可以工作)。我还可以以更简洁的方式包含 SCSS,因为 Webpack 的 sass 加载器似乎知道如何处理@import语句。

当 FfA 的源 (Angular) 从 Webpack 后不存在的路径请求 HTML 时,就会出现关键问题。

例如,将请求获取/components/modal/modal.html,但我的公共目录中唯一的内容是bundle.js. 如何加载所有 HTML 模板并将templateUrlFfA 源代码中出现的任何路径替换为require解析为加载的 HTML 路径的语句?我走的是正确的道路还是有更好的方法?

0 投票
1 回答
380 浏览

zurb-foundation - 如何正确关闭 Foundation Apps 中的操作表?

我有与示例完全相同的操作表:

单击链接时,如何告诉 Foundation Apps 关闭操作表?如果可能的话,我宁愿不命名我的行动表。从文档看来,我应该能够添加zf-hide=""或添加zf-close=""到链接,但都不起作用。

0 投票
1 回答
231 浏览

ruby-on-rails - 使用 Rails 的应用程序基础

有没有人能够成功让 Foundation for Apps 与 Rails 一起使用。我已通过 Foundation 网站按照说明进行操作,但甚至无法获得一个简单的模块来使用 Off Canvas Menu