我正在使用 Zurb 的响应性和 AngularJS 基础框架修改应用程序。有一个错误，在表格中显示的数据<tr ng-repeat="obj in entries">...</tr>has<td>是根据 Foundation 的响应规则隐藏/显示的。不幸的是，当更新角度模型时，Foundation 不会重新处理新渲染的 DOM。
我已经尝试过使用
$(document).foundation('table')我在广泛的谷歌搜索中发现的方法，但这实际上并没有触发响应折叠表的重排。我还添加了一个指令来触发一个简单的指令，该指令$(window).trigger('resize')适用于第一次调用，但任何后续调用都不起作用。
还有其他人遇到这个吗？
Angular UI Bootstrap 并不完全与框架无关，因此我们必须进行一些修改以使其适应 Foundation。你可以在这里看到结果和代码：http: //madmimi.github.io/angular-foundation/。
您将两种不能很好地结合在一起的技术混合在一起。
Zurb Foundation 提供的 JS 资产难免会与 AngularJS 中的摘要循环发生冲突。出于这个原因 --- Angular-Bootstrap 项目应运而生，将 jquery 插件转换为 AngularJS 指令。
http://angular-ui.github.io/bootstrap/
我不相信为 Zurb 基金会提供相同级别的支持，“如果有的话”。
您不必一直使用带有 Angular 的 Bootstrap。
你可以在这里使用这个项目http://madmimi.github.io/angular-foundation/它试图做和 UI BOOTSTRAP 一样的事情。
你也可以参考这个线程Using Zurb Foundation Interchange with AngularJS
希望这可以帮助！