AngularJS ng-view未显示视图

Question

AngularJS ng-view未显示视图

Har*_*uds 6 html javascript angularjs angular-routing angularjs-directive

我正在开发一个带有AngularJS的Web应用程序用于前端,我正在尝试设置路由并显示视图,到目前为止,即使是ng-include和其他东西也适合我,但不是ng-view我正在开发Visual Studio当我运行应用程序时,它使用的是本地服务器(localhost)

这是我的目录结构

- ASP.NET project
---- Css
---- Scripts
-------- App
-------- app.js
----------- Home
-------------- Controllers
------------------ index-controller.js
---- Views
------- Partials
---------- navbar.html
------- home.html
- index.html

Run Code Online (Sandbox Code Playgroud)

这是mi index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Scolaris</title>
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="Content/materialize/css/materialize.css" media="screen,projection" />

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body ng-app="app_module">

    <ng-include src="'Views/Partials/navbar.html'"/>

    <div ng-view></div>

    <!--Import jQuery before materialize.js-->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="Content/materialize/js/materialize.js"></script>
    <script type="text/javascript" src="Scripts/angular.js"></script>
    <script type="text/javascript" src="Scripts/angular-route.js"></script>
    <script type="text/javascript" src="Scripts/App/app.js"></script>
    <script type="text/javascript" src="Scripts/App/Home/Controllers/index-controller.js"></script>
    <script type="text/javascript" src="Scripts/initialization.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

这是我的app.js

'use strict';
var app_module = angular.module('app_module', ['ngRoute']);
app_module.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
      .when('/', {
          templateUrl: '/Views/home.html',
          controller: 'indexController'
      })
      .otherwise({
          redirectTo: '/'
      });
}]);
/* tried with ../../Views/home.html, ../Views/home.html, etc and nothing */

Run Code Online (Sandbox Code Playgroud)

当我加载网站时,它正确加载,如果我看到请求,我可以清楚地看到它正在请求home.html与304状态代码,事情是div与ng-view没有显示home.html内的html,什么这可能是由于？

Answer 1

Har*_*uds 0

我通过<ng-include>使用 <div ng-include="srctoview">标签更改标签解决了该问题。如果有人遇到这个问题，我建议这样做，或者使用控制器像这个答案中那样做

感谢@Sourabh-引导我找到答案。

归档时间：	10 年，6 月前
查看次数：	4262 次
最近记录：	9 年，9 月前