Question

这是我使用的JSON和控制器：

JSON格式：

{"tomcatLogDir":"C:\\apache-tomcat-7.0.70\\logs","tomcatLogs":["1.log","2.log","3.log"]}

厂：

app.factory('filesFactory', [ '$http', 
                                        function($http) {
                                            return $http.get("http://"+ boxIP +":"+ boxPort +"/monitorTool/rest/toolservice/files")
                                                .success(function(data) {
                                                    return data;
                                                }).error(function(err) {
                                                    return err;
                                                })
                                            } ]);

控制器：

app.controller('tomcatLogDirController', [ '$scope', 'filesFactory',
                                            function($scope, jsonFactory) {
                                                jsonFactory.success(function(data) {
                                                        $scope.tomcatDir = data;
                                        });
                                    }]);

HTML：

    <div ng-controller="tomcatLogDirController">
        <ul>
            <li ng-repeat="x in tomcatDir">
                <a ng-href="{{'file?name=' + tomcatDir.tomcatLogDir + x.tomcatLogs}}">{{x.tomcatLogs}}</a>
            </li>
        </ul>
    </div>

所以我尝试了这个，而tomcatLogs似乎没有出现，似乎没有加载到html中。

我做错了什么，我正在对JSON文件进行错误调用？

谢谢。

Answer 1

检查您的控制器，您应该'filesFactory'而不是jsonFactory

它应该有正确的参数，

app.controller('tomcatLogDirController', [ '$scope', 'filesFactory',
                                            function($scope, filesFactory) {

修改

<ul> <li ng-repeat="x in tomcatDir.tomcatLogs"> <a >{{x}}</a> </li> </ul>

<强> DEMO

无法使用angular访问JSON文件

1 个答案: