Fatal编程技术网
  • javascript/
  • Javascript 有棱角的部分不能用翡翠渲染

Javascript 有棱角的部分不能用翡翠渲染

javascript angularjs node.js express

Javascript 有棱角的部分不能用翡翠渲染,javascript,angularjs,node.js,express,pug,Javascript,Angularjs,Node.js,Express,Pug,我正在建立一个角度应用程序后，啧啧。但是，我的角度ng视图没有渲染。我见过一个类似的问题，但还没有得到回答。下面是我的目录结构 app.js var app = angular.module('app', ['ngResource', 'ngRoute']); angular.module('app').config(function($routeProvider, $locationProvider){ $locationProvider.html5Mode(true); $

我正在建立一个角度应用程序后，啧啧。但是，我的角度ng视图没有渲染。我见过一个类似的问题，但还没有得到回答。下面是我的目录结构

app.js

var app = angular.module('app', ['ngResource', 'ngRoute']);

angular.module('app').config(function($routeProvider, $locationProvider){
    $locationProvider.html5Mode(true);
    $routeProvider
        .when('/', { templateUrl: 'partials/main', controller: 'mainCtrl'});
});


angular.module('app').controller('mainCtrl', function($scope){
    $scope.myVar = "Hello Angular";
});
我的布局，杰德

doctype html
head
   link(rel="styleSheet",href="css/bootstrap.css")
   link(rel="styleSheet",href="vendor/toastr/toastr.css")
   link(rel="styleSheet",href="css/site.css")
body(ng-app='app')
   block main-content
   include scripts
我的主要朋友是杰德

h1 This is a partial
h2 {{ myVar }}
myserver.js中的路由设置为

app.get('partials/:partialPath',function(req,res){
    res.render('partials/' + req.params.partialPath);
});
app.get('*', function(req,res){
    res.render('index');
});
我的索引是jade

extends ../includes/layout

block main-content
    section.content
       div(ng-view)
虽然我认为这不应该是一个问题，因为我从一个局部视图开始，它是页面的一部分。当我运行我的页面时，它返回黑色。我检查了元素并确保所有的js和css都已加载。以下html源代码是在我的页面上生成的：

<!DOCTYPE html>
<head><link rel="styleSheet" href="css/bootstrap.css">
<link rel="styleSheet" href="vendor/toastr/toastr.css">
<link rel="styleSheet" href="css/site.css">
</head>
<body ng-app="app">
  <section class="content">
   <div ng-view></div></section>
   <script type="text/javascript" src="vendor/jquery/dist/jquery.js"></script><script type="text/javascript" src="vendor/angular/angular.js"></script>
<script type="text/javascript" src="vendor/angular-resource/angular-resource.js"></script>
<script type="text/javascript" src="vendor/angular-route/angular-route.js"></script><script type="text/javascript" src="app/app.js"></script>
</body>
尝试

.when('/', { templateUrl: '/partials/main', controller: 'mainCtrl'});
都没有用。请问我哪里出错了？我已经尽了一切可能。我甚至重新启动了图坦卡蒙，但仍然是空白。任何帮助都将不胜感激。

谢谢您抽出时间。原来问题出在我的版面上

doctype html
head
   link(rel="styleSheet",href="css/bootstrap.css")
   link(rel="styleSheet",href="vendor/toastr/toastr.css")
   link(rel="styleSheet",href="css/site.css")
body(ng-app='app')
   block main-content
   include scripts
改为

 doctype html
    head
       base(href='/')
       link(rel="styleSheet",href="css/bootstrap.css")
       link(rel="styleSheet",href="vendor/toastr/toastr.css")
       link(rel="styleSheet",href="css/site.css")
    body(ng-app='app')
       block main-content
       include scripts
缺少的是

base(href='/')
如果您移除该基底，则不会加载模板。我从tut plus的另一个tut视频中了解到了这一点[Tuts plus]使用AngularJS视频教程从头开始构建Web应用程序。演示者特别提到了basehref='/'的重要性，并警告不要忘记。或者，还有另一个来自@Alex Choroshin answer的好例子。你应该下载他建议的文件。这是一个完美的例子。谢谢

你试过“partials/main.html”吗？这就是我的一个$stateprovider中的内容。我查过了，分机在那儿。没有它，我可以工作。是的，先生，我做了，我的部分也在。杰德。我尝试了.html和.jade，都失败了。不可能。不管怎样，jade必须是html。控制台中有错误吗？控制台中没有错误。 
base(href='/')