angularjs - ngRoute 不起作用

Question

我有两个角度路由问题并解决。我对 Angularjs 很陌生。这就是为什么我的问题可能非常愚蠢。

1. 当我mysite/lsrc?q=keyword在浏览器的地址栏输入时，浏览器会在页面上显示 Json 结果。浏览器无法转发到searchView.html。

   但是我在 pageCtrl.js 上有一个事件。页面可以通过$location.path('/lsrc').search(searchService);您也可以看到下面提到的事件转发到相同的 URL。

2. 我在 searchView.html 上看不到 searcView 模型。我认为我的

这是相关的代码部分

app.config(function ($routeProvider, $locationProvider) {
    $routeProvider.when('/lsrc', {
        templateUrl: '/app/search/searchView.html',
        controller: 'SearchController as vMain',
        //resolve:
        resolve: {
            searchResource: "searchResource",
            searchService: "searchService",
            searchView: function (searchResource, searchService) {
                return searchResource.query(searchService).$promise;
            }
        }
    });

页面控制.js：

(function () {
    "use strict";
    angular.module("logicApp")
        .controller("PageController", ['searchService', '$location',
    PageController]);

    function PageController(searchService, $location) {
        var vmPage = this;
        //forward page to the searc view
        vmPage.LogicSearch = function ($event) {
            $event.preventDefault();
            $event.stopPropagation();
            $location.path('/lsrc').search(searchService);
        };
    }
})();

SearchController.js：

(function () {
    "use strict";
    angular.module("logicApp")
        .controller("SearchController", ['searchView', SearchController]);
    function SearchController(searchView) {
        var vMain = this;
        vMain.searchView = searchView;
    }
})();

搜索视图.html：

<ul ng-repeat="item in vMain.searchView.Items">
    <li class="product-little-pic">{{item.ImageUrl}}</li>
</ul> 

搜索资源.js：

(function () {
    "use strict";
    angular.module("logicApp")
        .factory("searchResource", ["$resource", searchResource]);
    // enter code here
    function searchResource($resource) {
        return $resource("/lsrc");
    }
})();

您的帮助将不胜感激。

Answer 1

我的第二个问题解决了。我已将 SearchController 更改如下。似乎在承诺之后我错过了回调功能。

function SearchController(searchView) {
        var vMain = this;
        vMain.searchView = searchView.$promise.then(function (result) {
            vMain.searchView = result[0];
        });
    }