gpt4 book ai didi

javascript - ng-view 不会显示模板

转载 作者:搜寻专家 更新时间:2023-11-01 04:30:42 25 4
gpt4 key购买 nike

我一直在使用 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'})
});

最佳答案

您需要重定向到该页面,以便路由知道要在 ng-view 中呈现哪个页面指令。

有多种方法可以做到这一点。

  1. 再定义一个 otherwise 重定向到 / .

    $routeProvider.otherwise({redirectTo: '/'})
  2. 将 anchor 添加到将重定向到 / 的页面.

    <body ng-app='ngRouteTest'>
    <a href="#/">Home Page</a>
    <div ng-view></div>
    </body>
  3. <head> 中的页面上有默认 url标签。

    <base href="/"/>

关于javascript - ng-view 不会显示模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32428279/

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