Slider在MaterialiseCSS

Question

我可以将鼠标悬停在滑块div上，“复制图像网址”选项就在那里，因此数据设置正确，但滑块没有显示任何内容，只是灰色空白。

如果我删除“滑块，幻灯片”类，那么我的所有数据都会垂直弹出，但在使用“滑块，幻灯片”类时则不会。

我在主要的Html中有这个：

$(document).ready(function () {
    $('.slider').slider();
});

我的示例JSON数据，我通过GET请求获得了角度：

$scope.actors.cast= [
    {
        id: 18922,
        name: "Matt Damon",
        profile_path: "/eLAWpp5BLbTwjj35MbGzpL0QkWv.jpg"
    },
    {
        id: 83002,
        name: "Jessica Chastain",
        profile_path: "/eyv98YlnRuOOUNCD1U6w2yZDRA2.jpg"
    },
    {
        id: 41091,
        name: "Kristen Wiig",
        profile_path: "/eqHjl70yPVAYcpYnqKk62a3pzDd.jpg"
    }           
]

现在我从角度设置此数据，但滑块显示为灰色，我可以通过将鼠标悬停在灰色区域并复制图像网址来确认图像网址。但是div中没有​​显示任何内容。

<div class="row card-panel" ng-show="castShow">
    <div class="slider">
        <ul class="slides">
            <li ng-repeat="act in actors.cast">
                <img ng-src="http://image.tmdb.org/t/p/original{{act.profile_path}}">
            </li>
        </ul>
    </div>
</div>

我的数据在ng-repeat演员中被加载（因为我在没有滑块和幻灯片类的情况下测试过），但div中没有​​显示任何内容。