Javascript 无法使用ng repeat生成链接_Javascript_Angularjs

Javascript 无法使用ng repeat生成链接

javascript angularjs

Javascript 无法使用ng repeat生成链接,javascript,angularjs,Javascript,Angularjs,下面是我的“app.js”代码：以下是我的控制器的代码： var Controller = function ($scope,$http) { $scope.thingsList=[]; $http({method: 'GET', url: 'http://192.168.1.4/search'}).success(function(data) { results=data.results; angular.forEach

下面是我的“app.js”代码：

以下是我的控制器的代码：

    var Controller = function ($scope,$http)
    {
    $scope.thingsList=[];
    $http({method: 'GET', url: 'http://192.168.1.4/search'}).success(function(data)
    {
        results=data.results;
        angular.forEach(results,function(result)
        {
            $scope.thingsList.push(result.split('/')[1]);
        });     
    }).error(function(data){});
    }

以下是我的HTML页面的代码：

    <!DOCTYPE html>
<head>
    <title>All</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js" type="text/javascript"></script>
    <script src="app.js" type="text/javascript"></script>
    <script src="controller.js" type="text/javascript"></script>
</head>
<body>
    <a href="home.html">HOME</a>
    <div id='content' ng-app='WebUI' ng-controller='Controller'>
        <li ng-repeat="thing in thingsList">
        <a href="home.html">{{thing}}</a>
        </li>   
    </div>
</body>
</html>

我试图在网上搜索这个错误，但找不到任何有用的东西。因此，如果有人知道问题出在哪里，请帮助：）

尝试使用

ng href

希望这有帮助。

尝试使用

ng href

A history state object with URL 'file:///home/abc/home.html' cannot be created in a document with origin 'null'.

希望这有帮助。

尝试使用

ng href

A history state object with URL 'file:///home/abc/home.html' cannot be created in a document with origin 'null'.

希望这有帮助。

尝试使用

ng href

A history state object with URL 'file:///home/abc/home.html' cannot be created in a document with origin 'null'.

希望这有帮助

A history state object with URL 'file:///home/abc/home.html' cannot be created in a document with origin 'null'.

似乎您正在文件URL上使用角度路由，并且没有服务器

尝试使用服务器

似乎您正在文件URL上使用角度路由，并且没有服务器

尝试使用服务器

似乎您正在文件URL上使用角度路由，并且没有服务器

尝试使用服务器

似乎您正在文件URL上使用角度路由，并且没有服务器

尝试使用服务器。

尝试使用窗口位置：

<li ng-repeat="thing in thingsList">
    <a ng-click="gotoHome()">{{thing}}</a>
</li>

希望它有帮助…

尝试使用窗口位置：

<li ng-repeat="thing in thingsList">
    <a ng-click="gotoHome()">{{thing}}</a>
</li>

希望它有帮助…

尝试使用窗口位置：

<li ng-repeat="thing in thingsList">
    <a ng-click="gotoHome()">{{thing}}</a>
</li>

希望它有帮助…

尝试使用窗口位置：

<li ng-repeat="thing in thingsList">
    <a ng-click="gotoHome()">{{thing}}</a>
</li>

希望能有帮助…

我找到了自己问题的答案。我在网上搜索发现，生成太多的

“file:///”

链接会导致安全问题，这就是为什么不允许它们

然后我试着把它放在服务器http://上进行测试，然后URL改变了，但是页面没有刷新…所以再次出现错误

然后我发现

 `app.config(function($locationProvider){
    $locationProvider.html5Mode(true);
});`

这部分代码抛出错误，导致我无法使用

ng route

和其他东西

但是location需要这段代码来解析URL中的get参数，所以我从中获取了引用，并且我能够使用另一种方式在URL中传递get参数，比如：

URL\#/？target=bob

，现在我能够解析参数了

所以问题解决了

$location

能够解析参数，我现在也能够访问先前给出错误的链接。

实际上找到了我自己问题的答案。我在网上搜索发现，生成太多的

“file:///”

链接会导致安全问题，这就是为什么不允许它们

然后我试着把它放在服务器http://上进行测试，然后URL改变了，但是页面没有刷新…所以再次出现错误

然后我发现

 `app.config(function($locationProvider){
    $locationProvider.html5Mode(true);
});`

这部分代码抛出错误，导致我无法使用

ng route

和其他东西

但是location需要这段代码来解析URL中的get参数，所以我从中获取了引用，并且我能够使用另一种方式在URL中传递get参数，比如：

URL\#/？target=bob

，现在我能够解析参数了

所以问题解决了

$location

能够解析参数，我现在也能够访问先前给出错误的链接。

实际上找到了我自己问题的答案。我在网上搜索发现，生成太多的

“file:///”

链接会导致安全问题，这就是为什么不允许它们

然后我试着把它放在服务器http://上进行测试，然后URL改变了，但是页面没有刷新…所以再次出现错误

然后我发现

 `app.config(function($locationProvider){
    $locationProvider.html5Mode(true);
});`

这部分代码抛出错误，导致我无法使用

ng route

和其他东西

但是location需要这段代码来解析URL中的get参数，所以我从中获取了引用，并且我能够使用另一种方式在URL中传递get参数，比如：

URL\#/？target=bob

，现在我能够解析参数了

所以问题解决了

$location

能够解析参数，我现在也能够访问先前给出错误的链接。

实际上找到了我自己问题的答案。我在网上搜索发现，生成太多的

“file:///”

链接会导致安全问题，这就是为什么不允许它们

然后我试着把它放在服务器http://上进行测试，然后URL改变了，但是页面没有刷新…所以再次出现错误

然后我发现

 `app.config(function($locationProvider){
    $locationProvider.html5Mode(true);
});`

这部分代码抛出错误，导致我无法使用

ng route

和其他东西

但是location需要这段代码来解析URL中的get参数，所以我从中获取了引用，并且我能够使用另一种方式在URL中传递get参数，比如：

URL\#/？target=bob

，现在我能够解析参数了

所以问题解决了

$location

能够解析参数，我现在也能够访问之前出现错误的链接。

你能创建一个plunker吗？应用程序很大，所以很遗憾不能。实际上，这个问题只存在于一个页面上……在上一页上，它工作正常：（以下是您面临的问题的原因是，但在我的案例中，您不理解：（您可以创建一个plunker吗？该应用程序非常庞大，因此很遗憾无法创建。实际上，这个问题只存在于一个页面上……在上一页上，它工作正常：（以下是您面临的问题的原因是，但在我的案例中，您不理解它：（你能创建一个plunker吗？这个应用程序太大了，所以很不幸不能。实际上这个问题只存在于一个页面上……在上一个页面上，它工作得很好：（这是你面临问题的原因，是的，但在我的情况下不理解它：（你能创建一个plunker吗？这个应用程序太大了，所以很不幸不能。实际上这个问题只存在于一个页面上……在上一个页面上，它工作得很好：（这是你面临问题的原因，是的，但在我的情况下不理解它：（尝试使用服务器时，它会冻结…即URL更改但不会重定向到页面。这有点帮助。谢谢：）尝试使用服务器时，它会冻结…即URL更改但不会