在AngularJS中使用Foundation Accordian和製表符

Question

我正在使用AngularJS的項目。對於球的CSS方面，我依靠Zurb基金會5.在大多數情況下，我有一些工作，但有兩個例外：accordians和tabs。

每當我使用這些項目，他們最初渲染就好。但是，每當我嘗試更改選項卡或面板時，都會收到JavaScript錯誤。這個錯誤來自foundation.min.js說：

Uncaught TypeError: Cannot read property 'active_class' of undefined

我該如何解決這個讓我能AngularJS的上下文中使用這兩個控件？

Answer 1

由於新實現的turbolinks，我在Rails 4上遇到了這個問題。對於任何有此問題的人，可以使用頂部答案中的方法解決：Rails 4: how to use $(document).ready() with turbo-links。

我的猜測是，由於鏈接異步加載，Foundation.js沒有機會將正確的處理程序附加到這些元素。

Answer 2

我敢打賭，你的手風琴和標籤有條件地顯示ng-if，他們沒有及時呈現給基金會以附加其處理程序。我通過更改ng-if到ng-show