Guy*_*bak 5 javascript angularjs route-provider ng-view
我一直在使用Angular,我试图实现简单的路由.我有一个基本的HTML,其中包含对所有必需脚本和ng-view标记的引用.
出于某种原因,当加载页面时,模板不会显示在该ng-view位置.为什么不显示,以及如何修复它？
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
<script src="routCtrl.js"></script>
</head>
<body ng-app='ngRouteTest'>
<div ng-view></div>
</body>
和脚本文件:
var ngRouteTest = angular.module('ngRouteTest',['ngRoute']);
ngRouteTest.config(function($routeProvider){
$routeProvider
.when('/',
{templateUrl : '/routView1.html'})
});
好的，首先您需要从服务器运行代码，因此要在本地测试它，请使用http-server，这非常容易准备。
然后您需要更改 templateUrl 路径：
{templateUrl : '/routView1.html'}
到：
{templateUrl : './routView1.html'}
| 归档时间： |
|
| 查看次数： |
2408 次 |
| 最近记录： |