问题标签 [zurb-foundation-apps]

我有以下一段代码，我想在模态窗口中使用 zurb 表单。我遇到的问题是开关和单选按钮似乎不起作用

我想使用 Zurb Foundation for Apps 的弹出功能（Zurb 的弹出文档），它使用了 Tether（GitHub 上的 Tether）。我尝试使用 GitHub 上的配置：

我在我的 Angular JS 指令中运行它。但是，我在 tether.min.js 中收到 JavaScript 错误（错误：t 为空）。该错误消息不是很有帮助。

Zurb 的文档没有说明如何配置弹出窗口。我希望弹出窗口发生在单击以打开弹出窗口的元素的右侧。

谢谢你的帮助。

在 Foundation-for-Apps Web 应用程序上，我想在更改选择值时触发控制器中的函数。

我在模板中执行了以下操作：

我的控制器：

哪个应该起作用：ng-model提供了，该函数selectLocationChanged存在于范围内（我可以在同一模板中使用控制器中设置的其他变量），并且语法ng-model="selectLocation" ng-change="selectLocationChanged()"正确。我在控制台中没有任何错误消息，只是没有触发更改事件。

有什么理由不工作吗？也许是 Foundation For Apps 的特定内容？

在 Foundation For Apps Web 应用程序中，我的控制器文件中有以下指令来触发滚动操作：

这在非缩小/构建的应用程序上效果很好。但是当我使用 构建应用程序时foundation build，我在控制台中收到以下错误：

错误：[$injector:unpr] 未知提供者：eProvider <- e <- scrollDirective

我是否缺少使该指令适用于缩小应用程序的任何内容？

是否可以混合和匹配 Zurb Foundation 6 for Sites/Apps 的组件？例如，我可以在 Foundation 6 for Sites 安装中使用 Zurb Foundation 6 for Apps的Card 组件吗？

如果是这样，这怎么可能？

Foundation for Apps（和 Angular Base Apps，它是现在维护的 F4A 的分支）Interchange的文档提供了这个示例，作为在移动设备上仅加载小尺寸图像以节省带宽的一种方式：

但是，虽然只显示小图像，但浏览器仍然会看到三个img标签并请求所有三个图像，甚至在加载 Angular 之前。这完全违背了使用交换的目的，至少，如果您的目的是节省带宽。

Foundation 6 for Sites Interchange 通过将所有图像放入data-interchange元素的属性字符串中来避免这种情况。F4A 是否有类似的东西我想念？或者上面的示例代码有什么我遗漏的吗？