gpt4 book ai didi

javascript - 无法在 eclipse 中的 angularjs 中路由

转载 作者:行者123 更新时间:2023-11-30 00:11:20 25 4
gpt4 key购买 nike

我无法路由到其他页面 我不知道的问题请解决我的问题。
我正在使用 面向 Web 开发人员的 Eclipse Java EE IDE
版本:Mars.1 发布 (4.5.1)构建 ID:20150924-1200

// also include ngRoute for all our routing needs
var myApp = angular.module('myApp', ['ngRoute']);

// configure our routes
myApp.config(function($routeProvider) {

$routeProvider

// route for the home page
.when('#/', {

templateUrl: 'home.html',
controller: 'mainController'
})

// route for the about page
.when('#/about', {
templateUrl: 'about.html',
controller: 'aboutController'
})

// route for the contact page
.when('#/contact', {
templateUrl: 'contact.html',
controller: 'contactController'
});
});

// create the controller and inject Angular's $scope
myApp.controller('mainController', function($scope) {
// create a message to display in our view

$scope.username = 'ranjeet';
$scope.password = 'singh';

$scope.message = 'Everyone come and see how good I look!';
});



myApp.controller('aboutController', function($scope) {
$scope.message = 'Look! I am an about page.';
});

myApp.controller('contactController', function($scope) {
$scope.message = 'Contact us! JK. This is just a demo.';
});
<!DOCTYPE html>
<html ng-app="myApp">

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-route.js"></script>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>

<body>
<header>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/">Angular Routing Example</a>
</div>

<ul class="nav navbar-nav navbar-right">
<li><a href="#/">home</a>
</li>
<li><a href="#/about"> About</a>
</li>
<li><a href="#/contact">Contact</a>
</li>
</ul>
</div>
</nav>
</header>

<div id="main">

<div ng-view></div>
</div>


</body>

</html>

我的项目的文件结构:[ file structure of my project 1

最佳答案

$routeProvider.when() 中的 url 值不应包含 #,如果适用,它将在内部设置(默认为 html5mode被 Angular 路由器禁用,所以 Angular 确实使用哈希定位策略)。

尝试改变:

$routeProvider

// route for the home page
.when('#/', {

templateUrl: 'home.html',
controller: 'mainController'
})

$routeProvider

// route for the home page
.when('/', { //do remove # from all registered routes
// ^^ no "#"
templateUrl: 'home.html',
controller: 'mainController'
})

关于javascript - 无法在 eclipse 中的 angularjs 中路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36376332/

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