根据网址AngularJs显示页面

时间:2016-08-23 04:36:43

标签: javascript angularjs url

我正在使用Spring MVC创建一个Angular项目。

我需要做的是从url获取参数并相应地显示页面。

例如:

cms.example.com -- > so it will go to the cms signup/login page

login.example.com --->  so it will go to the only login page

somename.example.com --->  so it will go to the login page but with parameter somename

由于Angular是一个SPA(单页应用程序),我创建了一个控制器来获取完整的URL并返回

cms.controller('homeController', function($scope, $http,  $window) { 
    var y =  window.location.host.split('.');
    var z = y[0];

    if ( z == "cms" )
    {
        $scope.logincms = z;
        //console.log($scope.logincms);
    }
    else if ( z == "login" )
    {
        $scope.logincms = z;
        //console.log($scope.logincms);
    }
    else
    {  //404 or success page  }         
});

并在html页面中使用ng-if,如果它等于login那么它将显示登录html,如果它是cms则它将显示登录/注册页面。的 BUT

我看过一个网站cliniko.com。在那里,他们制作相同类型的应用程序,但我没有在他们的HTML中看到任何ng-if。只是想知道他们是怎么做的,还是有另一种方法呢?

1 个答案:

答案 0 :(得分:-1)

使用$ routeProvider。你在做什么是不对的。

$ routeProvider完全符合您的要求。你可以在这里参考:https://docs.angularjs.org/api/ngRoute/provider/ $ routeProvider