尝试显示json数据时，实现崩溃无法正常工作

Question

这是折叠的代码，我使用的是物化CSS。

<ul id="ulcollapse" class="collapsible">
                        <li id="licollapse" ng-repeat="single in packageNames">
                            <div class="collapsible-header">{{single.name}}</div>
                            <div class="collapsible-body"><p>{{single.name}}</p></div>
                        </li>
                    </ul> 

在这里，我正在编写我的有角度的js代码，用于从json检索数据并尝试显示上述html代码。

$scope.packageNames = [];
$http.get('data.json').then(function(res){
    $scope.packagesData = res.data; 

    angular.forEach($scope.packagesData.Packages,function(value, key) {
            $scope.packageNames.push({name:value.Name,content:value.Content});
        });
});

我能够在html代码中显示数据。但是它并没有崩溃。我能够完美地检索json数据，并且html代码中没有语法错误。我仔细检查了一下。请给我一些解决问题的想法。

Answer 1

完成“推送”后，您需要使用以下方法初始化可折叠对象： $('.collapsible').collapsible();

将此行放在网站末尾的脚本中就足够了。它必须在 Angular Done 推送之后完成。