gpt4 book ai didi

javascript - 如何为 angularjs 路由提供 href

转载 作者:行者123 更新时间:2023-11-27 22:53:25 27 4
gpt4 key购买 nike

我是 Angular.js 的新手,目前正在尝试了解 ngRoute,但它没有显示任何内容

这是app.js配置文件

var app = angular.module('myApp',['ngRoute']);

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

// route for the home page

.when('/', {
templateUrl : 'index.html',
controller : 'mainController'
})

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

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

这是主index.html

    <head>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="css/bootstrap-theme.min.css" rel="stylesheet" media="screen"/>
</head>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular-route.min.js"></script>

<body ng-app="myApp">


<h1> User :{{user}}</h1>


<a href="#about">
about
</a>

<h1>User :{{user}}</h1>

</html></body>
</html>

<script src="app.js"></script>

<script src="mainController.js"></script>
<script src="loginController.js"></script>

这些是我的 Controller

//mainController.js
app.controller('mainController',function($scope, $http) {

$scope.user = "user";
});
//loginController.js
app.controller('loginController',function($scope, $http) {


$scope.user = "user";

});

这是

当我点击about时,它给出CANNOT GET/about,因为它检查节点路由。我应该如何给出about的href?

最佳答案

因为你的 html 中有 ng-app = "blog" 并且你的 html 中有 angular.module("myApp",['ngRoute']); js

关于javascript - 如何为 angularjs 路由提供 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37853143/

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