如何以角度正确调用路由?

时间:2017-06-17 22:14:26

标签: angularjs ngroute routeconfig

我有一个主要模块,其中有一些路线。 我还有一些模块,所有这些模块都包含在我的主模块中。从我的一个家庭模块功能,我试图路由但得到错误。在同一个应用程序上的其他功能完美路由。已经半天了,仍然无法解决。下面是代码和错误堆栈请任何帮助都很棒

  var app = angular.module("mainModule", ['ngRoute','homeModule']);


app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        controller : "homeController",
        templateUrl : "main.html"
    })
     .when("/ac-repair", {
        templateUrl : "views/ac-service-repair.html",
        controller : "formController"
      })
      });
      
      //home module
      var app = angular.module("homeModule", ['ngRoute']);


    app.controller("homeController", function ($scope, $http, $location, $rootScope) {
 
       $scope.$watch("selectedService", function (newValue, oldValue) {
            // your code goes here...
            if (newValue != oldValue) {

                var name = $scope.selectedService.name;
              
                if (name == "AC Service & Repair") {
       
           //working fine here
           $location.path('/ac-repair');
                    return;
                }
            
            }
        });
        ////


//not working route in this function
        $scope.serviceClicked=function(name)
        {
           
        if (name == 'AC Service & Repair') {
      
        console.log("reached here!!");
      
      
                  $location.path('/ac-repair');
                   return;
                }
              
                  }
    });
    
   // error
   Uncaught Error: Syntax error, unrecognized expression: [name=]
    at Function.ga.error (jquery.min.js:2)
    at ga.tokenize (jquery.min.js:2)
    at ga.select (jquery.min.js:2)
    at Function.ga [as find] (jquery.min.js:2)
    at r.fn.init.find (jquery.min.js:2)
    at r.fn.init (jquery.min.js:2)
    at r (jquery.min.js:2)
    at HTMLAnchorElement.<anonymous> (<anonymous>:6:43)
    at HTMLAnchorElement.dispatch (jquery.min.js:3)
    at HTMLAnchorElement.q.handle (jquery.min.js:3)
    

//编辑: 我仔细观察;它在浏览器中更改路径一秒钟,然后返回...到'/'

1 个答案:

答案 0 :(得分:0)

最后我找到了解决方案。这是一个愚蠢的错误..我正在放置href =&#34;#&#34;以及在调用函数时使用我的代码..因此它是一团糟。任何方式都非常感谢在这里寻找。我希望这可以帮助任何其他新的初学者