Question

我一直在尝试关注几个不同的在线教程，但继续保持同样的事情：让AngularJS将HTML模板文件加载到我页面的 ng-view 部分。

我已经尽可能地删除了它，现在基本上只是复制this simple tutorial。

请在此处查看我的测试页：http://inigowebdesign.co.uk/atest/您应该能够看到源代码中的所有文件并确认它们是否存在并且链接正确。拜托，我做错了什么？

编辑：这是我的代码：

<!DOCTYPE html>
<html>
<head>
<title>Angular JS Shizzle!</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="scripts/angular.min.js"></script>
<script type="text/javascript" src="scripts/angular-route.min.js"></script> 
</head>
<body>

<div class="container" ng-app="myApp">
    <header>
        <h1>Header</h1>
    </header>       
    <div ng-view></div>
    <footer>
        <h3>Footer</h3>
    </footer>
</div>

<script type="text/javascript">

angular.module('myApp', ['ngRoute']).config(function($routeProvider)){
    $routeProvider.when('/',{
        templateUrl: 'view.html'
    })
    .otherwise({redirectTo:'/something'});  
});

</script>

</body>
</html>

Answer 1

在控制台中，您有错误：Uncaught SyntaxError: Unexpected token )

此)位于第一行的末尾。

修正：

angular.module('myApp', ['ngRoute']).config(function($routeProvider){
    $routeProvider.when('/',{
        templateUrl: 'view.html'
    })
    .otherwise({redirectTo:'/something'});  
});

AngularJS路由 - 不会加载视图

1 个答案: