Javascript template指令正在工作,但templateUrl不工作。是否继续?
模板指令在以下代码中工作,但模板Url不工作?Javascript template指令正在工作,但templateUrl不工作。是否继续?,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,模板指令在以下代码中工作,但模板Url不工作? <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<body ng-app="myApp">
<p><a href="#/">Main</a></p>
<a href="#red">Red</a>
<a href="#green">Green</a>
<a href="#blue">Blue</a>
<div ng-view>
</div>
<!--template is working but template url is not working-->
<script">
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
template : 'hello'
})
.when("/red", {
template : 'hi'
})
.when("/green", {
templateUrl : 'hello.html'
})
.when("/blue", {
templateUrl : "blue.htm"
});
});
</script>
<p>Click on the links to navigate to "red.htm", "green.htm", "blue.htm", or back to "main.htm"</p>
</body>
</html>
首先,您在中有语法错误首先,您在中有语法错误,您需要一个类似于(apache)的Web服务器来使用templateUrl
使用templateUrl需要一个类似于(apache)的Web服务器
请正确设置问题代码的格式。请正确设置问题代码的格式。是否依赖于浏览器?因为它是在mozilla上工作,而不是在chrome上。angular js是否依赖于浏览器?因为它是在mozilla上工作,而不是在chrome上。
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
template: 'hello'
})
.when("/red", {
template: 'hi'
})
.when("/green", {
templateUrl: 'hello.html'
})
.when("/blue", {
templateUrl: 'blue.html'
});
});