在Angular中清理URL

时间:2016-08-16 21:50:08

标签: javascript angularjs

我有一个名为home.html的部分网页。当我在chrome中运行页面时,地址会显示http://127.0.0.1:63342/Angular-01/htmlPage1.html?_ijt=vfdcblvb6ahn0t6et7rv6k8tm0#/home,因为我应该看到一个更干净的URL(没有扩展名)。我已将路线配置为:

var myApp = angular.module("myModule", ["ngRoute"])
    .config(function ($routeProvider) {
        $routeProvider
            .when("/home", {
                templateUrl: "views/home.html",
                controller: "homeController"
            })
    })
    .controller("homeController", function ($scope) {
        $scope.message = "Home page";
    })

我如何实现它?

1 个答案:

答案 0 :(得分:2)

使用角度路由时,您不需要像在home.html那样调用静态页面。你只需运行你的应用程序,并说你想回家,角度路由将带你到home.html

  

当我在Chrome中运行页面时?   如果您只在浏览器中打开一个静态html页面,它将只为您提供该页面而不是角度应用程序

为了运行整个角度应用程序

如果您使用http-server或任何其他节点服务器运行您的应用程序,您需要服务整个角度应用程序,然后将加载index.html,这将加载您的角度应用程序,您的配置函数将被调用,它将寻找请求并给你视图

  

注意: - 您需要将<div ng-view></div>用于路由