首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ngRoute不工作

ngRoute不工作
EN

Stack Overflow用户
提问于 2014-10-21 07:07:24
回答 1查看 163关注 0票数 0

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

  1. 当我在浏览器地址栏上输入mysite/lsrc?q=keyword时,浏览器会在页面上显示Json结果。无法将浏览器转发到searchView.html。 但我在pageCtrl.js上有个活动。页面可以被$location.path('/lsrc').search(searchService);转发到相同的URL中,您也可以看到下面提到的事件。

  1. 我无法在searcView上看到searchView.html模型。我觉得我的

这是相关的代码部分

代码语言:javascript
复制
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;
            }
        }
    });

PageControl.js:

代码语言:javascript
复制
(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:

代码语言:javascript
复制
(function () {
    "use strict";
    angular.module("logicApp")
        .controller("SearchController", ['searchView', SearchController]);
    function SearchController(searchView) {
        var vMain = this;
        vMain.searchView = searchView;
    }
})();

SearchView.html:

代码语言:javascript
复制
<ul ng-repeat="item in vMain.searchView.Items">
    <li class="product-little-pic">{{item.ImageUrl}}</li>
</ul> 

searchResource.js:

代码语言:javascript
复制
(function () {
    "use strict";
    angular.module("logicApp")
        .factory("searchResource", ["$resource", searchResource]);
    // enter code here
    function searchResource($resource) {
        return $resource("/lsrc");
    }
})();

非常感谢你的帮助。

EN

回答 1

Stack Overflow用户

发布于 2014-10-21 09:25:21

我的第二个问题解决了。我已经将SearchController更改如下。似乎在答应之后,我错过了回叫功能。

代码语言:javascript
复制
function SearchController(searchView) {
        var vMain = this;
        vMain.searchView = searchView.$promise.then(function (result) {
            vMain.searchView = result[0];
        });
    }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26480806

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档