gpt4 book ai didi

javascript - angularJS 路由 templateUrl

转载 作者:行者123 更新时间:2023-12-03 04:26:41 24 4
gpt4 key购买 nike

我正在尝试在 angularJS 中使用路由,并且我已经能够使用 w3schools 作为教程来设置大部分路由。问题是 w3schools 不提供其外部 htm 文件的示例文件。这就是我所拥有的JavaScript:

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

app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "librarian.html"
});
});

app.controller('myCtrl', function($scope)
{

});

主要 HTML:

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<script src="./library.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<p id = "loginScreen" >
username: <input id = "userName" name = "userName" ng-model="name"><br>
password: <input id= "password" name = "password" ng-model="password"><br>
<input type = "button" value = "login" id = "loginButton" ng-click="login()">
<a href="#librarian">librarian</a>
</p>
<script type = "text/ng-template" id = "librarian.htm">
<div>hello</div>
</script>
<div ng-view></div>
</body>

</html>

我需要在librarian.html中做什么才能让页面切换到它(当前URL发生变化,但页面上的所有元素保持不变)?

最佳答案

在 Angular 1.6 中从 #/myUrl 更改为 #!/myUrl

您应该将引用更改为

<a href="#!/librarian">librarian</a>

关于javascript - angularJS 路由 templateUrl,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43677280/

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