gpt4 book ai didi

AngularJs 路由不起作用

转载 作者:行者123 更新时间:2023-12-02 11:26:39 25 4
gpt4 key购买 nike

我正在尝试为 Angular 路由制定一个简单的示例,但它不起作用(当我浏览根目录时,它没有重定向到我期望的页面)

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head data-ng-app="MyApp">
<title></title>
<script src="Scripts/routing.js"></script>
</head>
<body>
Hello

<ng-view></ng-view>
<script src="Scripts/angular.js"></script>
</body>
</html>

JAVASCRIPT (routing.js)

/// <reference path="angular.js" />

var MyApp = angular.module('MyApp', [])

.config(function ($routeProvider, $locationProvider) {

$locationProvider.html5Mode(true);

$routeProvider.when('/', { templateUrl: '/Templates/dashboard.html',controller:'Mycontroller' })

.otherwise({redirectTo :'/Templates/otherwise.html'})

});

function Mycontroller() {

}

我从 Visual Studio 运行这个,浏览器中的根 URL 是 localhost:3669/,根据我的 Angular 路由,我希望它显示仪表板.html,但它不是,并且仅显示主 html 页面(我粘贴的代码)

对此的任何帮助将不胜感激

最佳答案

您在 Angular 之前运行代码!放置<script><script> 之后添加您的代码 Angular 。

关于AngularJs 路由不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18737809/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com