gpt4 book ai didi

javascript - TemplateUrl、ngRoute 这是错误的

转载 作者:行者123 更新时间:2023-11-28 05:56:48 25 4
gpt4 key购买 nike

我的代码有问题:

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

app.config( function ( $routeProvider ) {
$routeProvider
.when( '/home', { templateUrl: 'strony/home.html' } )
.when( '/about', { templateUrl: 'strony/about.html' } )
.when( '/contact', { templateUrl: 'strony/contact.html' } )
.otherwise( { redirectTo: '/this' } );
});

app.controller( 'MainCtrl', function ( $scope ) {
});
<div ng-controller="MainCtrl">
<ul>
<li><a href="#/home">Home</a></li>
<li><a href="#/about">About Us</a></li>
<li><a href="#/contact">Contact Us</a></li>
</ul>
<div ng-view></div>
</div>

路径如下:-index.html-script.js-斯特罗尼/ *主页.html *关于.html *联系方式.html

如果我单击链接地址名称正在更改,但网站上没有任何反应。你能帮我解决这个问题吗?

最佳答案

在“strony”前面添加一个正斜杠( i.e.'/strony/home.html' )并确保引用您的模块(即 <html ng-app='myApp'> )

您的代码将反射(reflect)以下内容:

HTML

 <html ng-app='myApp'>
<head>
</head>
<body>
<div ng-controller="MainCtrl">
<ul>
<li><a href="#/home">Home</a></li>
<li><a href="#/about">About Us</a></li>
<li><a href="#/contact">Contact Us</a></li>
</ul>
<div ng-view></div>
</div>
</body>
</html>

Angular

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

app.config( function ( $routeProvider ) {
$routeProvider
.when( '/home', { templateUrl: '/strony/home.html' } )
.when( '/about', { templateUrl: '/strony/about.html' } )
.when( '/contact', { templateUrl: '/strony/contact.html' } )
.otherwise( { redirectTo: '/this' } );
});

app.controller( 'MainCtrl', function ( $scope ) {
});

这是一个工作 Plunk

此外,ng-route 需要一个 Web 服务器才能工作。也许使用类似 http-server 的东西

关于javascript - TemplateUrl、ngRoute 这是错误的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37601322/

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