Jas*_*ick 2 angularjs angularjs-ng-include
我有一个索引文件,使用ng-include来引入标头.这是我的索引文件:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>{{page.title}}</title>
<link rel="stylesheet" href="../dist/libs/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../dist/libs/bootstrap/dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../dist/libs/animate.css/animate.min.css">
<link rel="stylesheet" href="../dist/libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../dist/styles/style.min.css">
<script src="../dist/libs/jquery/dist/jquery.min.map"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.min.map"></script>
<script src="../dist/libs/angular/angular.min.js"></script>
<script src="../dist/libs/angular-route/angular-route.min.js"></script>
<script src="../dist/js/controllers.min.js"></script>
<script src="../dist/js/routes.min.js"></script>
<script src="../dist/js/app.min.js"></script>
</head>
<body ng-app="praxis">
<div ng-include="partials/header.html"></div>
<div ng-view></div>
</body>
</html>
我没有收到任何错误,我的控制器正在加载我的ng-view.
这是头文件:
<div id="preloader">
<div id="status"> </div>
</div>
<div id="sb-site">
<div class="boxed">
<header id="header-full-top" class="hidden-xs header-full">
<div class="container">
<div class="header-full-title">
<h1 class="animated fadeInRight">Code<span>.<strong>Praxis</strong></span></h1>
</div>
</div>
</header>
</div>
</div>
路径是否需要基于应用程序运行的位置或索引文件所在的位置？
你应该在你的情况下提供一个字符串,注意文件路径周围的单引号:
<div ng-include="'partials/header.html'"></div>
来自文档:
角度表达式评估为URL.如果源是字符串常量,请确保将其包装在单引号中,例如src ="'myPartialTemplate.html'".
| 归档时间： |
|
| 查看次数： |
6792 次 |
| 最近记录： |