angular-slidezilla：<slider>沒有在網站上顯示

Question

我試圖將angular-slidezilla整合到網站中，但滑塊元素不顯示。

觀察：

• 我複製了js文件到/ lib文件夾和名爲.css到/ css文件夾中。
• 該網站使用requirejs;我將源文件添加到需求列表中。
• 我在index.html文件中的其他css文件旁添加了CSS作爲樣式錶鏈接。
• 爲了測試，我將演示頁面（整個部分）複製到我的HTML頁面中，並將$ scope.slider1.val等變量添加到AngularJS控制器對象中。我還添加了一個定期更改範圍變量值的函數。
• 當我部署站點並加載頁面時，每秒都會看到值發生更改（這些值在滑塊附近顯示爲文本）。但滑塊本身不顯示。
• 「檢查元素」功能顯示生成的一段DOM（與滑塊相關的div對象），但滑塊本身的大小爲0px * 0px。
• 在javascript控制檯中沒有錯誤。

任何人都可以給我一個提示如何進一步調查？

Answer 1

找到解決方案。 angular-slidezilla.js中的JavaScript代碼從未執行過。結果這些小部件未被初始化並保持其最初的隱藏狀態。

我需要編輯JavaScript代碼的一行得到它的工作：

// app.js 
var app = angular.module("app", ['ui.bootstrap', ..., 'angular-slidezilla']);