问题标签 [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.
heroku - 在 Heroku 上部署 Foundation for Apps
我正在尝试在 Heroku 上部署使用“应用程序基础”创建的应用程序,但没有成功。
包.json:
gulpfile.js
当我部署时,应用程序成功构建,但有一个例外:
之后,当我打开浏览器时,我看到了没有 CSS 样式的网站。
https://fierce-escarpment-9048.herokuapp.com/assets/css/app.css 404 未找到
我怀疑 - 由于 sass 的异常 - CSS 文件没有生成,因此 - 服务器无法访问。
有什么建议可以解决吗?
zurb-foundation-apps - 测试和部署 Zurb Foundation 应用程序
我们一直在通过 Foundation 的新应用程序功能构建应用程序,我们所知道的只是 html、css 和一些 javascript。我们基本上已经创建了一个模板,现在我们一直在到处搜索如何将这个 html5 应用程序推送到我们的手机上进行测试。我们已经在同一网络上的手机上尝试了 localhost:8080 ,但它只是不想工作。更进一步,一旦完成,我们如何部署到 ios 和 android 商店?任何帮助,将不胜感激。感谢您的时间。
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(未找到)
javascript - 使用 Foundation 的详细视图的 Angular 路由
问题
Angular 新手,我正在使用“应用程序基础:帮助在 Angular 中构建业务目录。我正在寻找为每个业务创建详细视图的路线,看起来像http://localhost:8080/nameofbusiness
.
我一直在阅读Angular 文档,这个示例几乎完全符合我的要求,我尝试在类似的片段(见下文)中使用 into app.js
,但它似乎没有正确编译。
Github:https ://github.com/onlyandrewn/angular
片段
应用程序.js
home.html(所有业务的主视图)
expand.html(仅其中一项业务的详细视图)
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 和模板页面:
索引页
zurb-foundation - 'foundation-apps' 不是内部或外部命令、可运行程序或批处理文件
我做了
npm install -g Foundation-cli bower gulp
得到
然后,我做了
宝石安装捆绑器
并得到
成功安装 bundler-1.10.5
但是当我尝试
基础应用程序新 myApp
我有
'foundation-apps' 不是内部或外部命令、可运行程序或批处理文件。
在 Windows 7 上工作,在代理后面
angularjs - 应用基础:如何替换默认的动态路由插件?
Zurb 的Foundation For Apps使用了一个特殊的插件,可以直接从每个视图创建路由,它会解析所有 HTML 文件以找到这种降价结构:
它将用于生成必要的角度动态路由代码并使用gulp编译routes.js
包含以下内容的文件:
所以我的问题是,如果我想更改我的模板路径或重构我的应用程序,或者我需要更高级地使用 Angular 的ui-router特别是state.resolve和state.views,有没有办法替换内置的动态路由一个实例的插件$stateProvider
而不破坏任何其他 F4A 的内置组件?
更新:这个特殊的插件叫做Front Router,这是它的 Github 存储库。
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 模板并将templateUrl
FfA 源代码中出现的任何路径替换为require
解析为加载的 HTML 路径的语句?我走的是正确的道路还是有更好的方法?
zurb-foundation - 如何正确关闭 Foundation Apps 中的操作表?
我有与示例完全相同的操作表:
单击链接时,如何告诉 Foundation Apps 关闭操作表?如果可能的话,我宁愿不命名我的行动表。从文档看来,我应该能够添加zf-hide=""
或添加zf-close=""
到链接,但都不起作用。
ruby-on-rails - 使用 Rails 的应用程序基础
有没有人能够成功让 Foundation for Apps 与 Rails 一起使用。我已通过 Foundation 网站按照说明进行操作,但甚至无法获得一个简单的模块来使用 Off Canvas Menu