当前位置: 首页 > 面试题库 >

Foundation和AngularJS

方增
2023-03-14
问题内容

我正在使用Zurb的Foundation框架修改应用程序以实现响应性和AngularJS。存在一个错误,即根据Foundation的响应规则隐藏/显示<tr ng-repeat="obj in entries">...</tr>具有的表中显示的数据带有的错误<td>。不幸的是,当角度模型更新时,Foundation不会重新流送新渲染的DOM。

我尝试使用
$(document).foundation('table')在广泛的Google搜索中发现的方法,但是实际上并没有触发响应折叠表的重排。我还添加了一条指令来触发一个简单的指令,该指令$(window).trigger('resize')适用于第一个调用,但随后的所有调用均无效。

有人碰到这个吗?


问题答案:

您正在混合两种不能一起使用的技术。

Zurb Foundation提供的JS资产不可避免地会与AngularJS中的摘要周期发生冲突。因此,出现了Angular-
Bootstrap项目,将jquery插件转换为AngularJS指令。

http://angular-ui.github.io/bootstrap/

我认为Zurb基金会不会提供相同水平的支持(如果有)。



 类似资料:
  • Foundation 是一个适用于任何设备、媒介和可访问性的框架。Foundation是一个响应式前端框架系列,它可以让你轻松设计出漂亮的响应式网站、应用程序和电子邮件,在任何设备上看起来都非常漂亮。Foundation具有语义性、可读性、灵活性和完全可定制性。

  • Joyride 是一个功能向导的 JavaScript 效果,创建实例如下: 实例<!-- Elements that control the tour stops --> <h3 id="first">First stop!</h3> <h3 id="second">Second stop!</h3> <!-- The joyride: must be placed at the bottom

  • foundation-site 是世界上最先进的响应前端框架,它可以快速地从模板转变成成品,构建网站或者应用程序,可通过 Foundation 在任何类型的设备上正常使用。它还包含了布局结构,就像一个完全可定制的响应式网格,常用JavaScript 插件且 完全支持 A11Y。

  • Jekyll Foundation Quickstart your Jekyll (v3) project with Zurb Foundation for Sites (v6, sass). This package is meant to build your Site on your local machine. It provides a Gulp.js workflow with Bro

  • Node.js Foundation 是 Node.js 和 io.js 的合并议案,现在还不是最终版,这个项目是在 Node.js 和 io.js 核心技术团队监管下进行的。

  • Material Foundation Material Design version of Foundation for Sites by Zurb Supported Foundation Version: 6.4.3 Docs: http://materialfoundation.mikolajdobrucki.com/ Starter Project:https://github.com/