AngularJS ng-view not showing view

我正在为前端开发一个AngularJS的Web应用程序，我试图设置路由并显示视图，到目前为止甚至ng-include和其他东西都适用于我，但没有NG-观点我正在开发在Visual Studio中，当我运行的应用程序它使用本地服务器（本地主机）AngularJS ng-view not showing view

，这里是我的目录结构

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

这里的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>

这里是我的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 */

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

来源

2015-04-25 HardCodeStuds

控制台中的任何错误？尝试删除'ng-include'并检查是否'ng-view loading'。 – Zee

@ Sourabh-试图删除加载的ng-include和ng-view，为什么是这样，我怎么能让它们一起工作呢？ – HardCodeStuds

'index.html'和'Views'文件夹在同一个目录下吗？ –

我已经解决了该问题，方法是将<ng-include>标记更改为< div ng-include="srctoview">标记。如果任何人有这个问题，我会建议这样做，或者像这样回答using a controller

感谢@ Sourabh-为我带来了答案。

来源

2015-04-25 07:17:24 HardCodeStuds

你有没有看过我的回答？ –

close <ng-include>指令正确，因为浏览器正在打包你的<ng-view>里面的<ng-include>。它会解决问题。正如@ pankaj已经建议的那样。

来源

2015-05-04 06:31:38 sheelpriy

AngularJS ng-view not showing view

回答

相关问题