个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我正在按照教程编写一个 Angular 应用程序。令我惊讶的是，我完全遵循了，并且我的 Node js 启动正常，没有出现任何问题。但是，我的 Angular 没有按预期返回模板。我看到类似的问题 here 相同的教程和相同的问题。然而，这个问题并没有得到解答。下面是我的目录结构
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";
});
我的layout.jade
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
我的main.jade
h1 This is a partial
h2 {{ myVar }}
我的server.js中的路由设置为
app.get('partials/:partialPath',function(req,res){
res.render('partials/' + req.params.partialPath);
});
app.get('*', function(req,res){
res.render('index');
});
我的index.jade
extends ../includes/layout
block main-content
section.content
div(ng-view)
虽然我认为这不应该成为问题，因为我从属于页面一部分的部分 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>
我怀疑来 self 的 app.js 的routeProvider
.when('/', { templateUrl: 'partials/main', controller: 'mainCtrl'});
尝试过
.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 应用程序”。演示者特别提到了base(href='/')的重要性，并警告永远不要忘记。或者，@Alex Choroshin 回答 here 中还有另一个很好的例子。 。你应该下载他建议的文档。这是一个完美的例子。谢谢
关于javascript - Angular JS ng-view 返回 blanc 部分 -- Express/Jade，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30078382/
26
4
0
我正在尝试读取 csv 文件: "EDP";"Picture 1";"Picture 2";"Picture 2" "1001480210";"T244.png";"";"" 我创建了一个脚本来读取这
我正在开发一个 Excel-2007/VBA 应用程序，其中自定义了 ribon 并且确实遇到了一个大问题。 在我的 Robbpn 中，有 10 个按钮附加了一个 getVisible 回调，一个还有
Apache commons 配置有一个名为 PropertiesConfigurationLayout 的类，它具有 getBlancLinesBefore() 等方法。我认为这是故意的，因为它非常
我正在按照教程编写一个 Angular 应用程序。令我惊讶的是，我完全遵循了，并且我的 Node js 启动正常，没有出现任何问题。但是，我的 Angular 没有按预期返回模板。我看到类似的问题 h
我是一名优秀的程序员,十分优秀！