Question

我在使用ng-include时遇到了一些问题。起初我试图在我的项目中使用它，但它导致所有内容无限重复。弄清楚这是我连接我开始的项目的方式。我没有真正添加任何东西，除了角度文件和一个包含它并且它一直导致Angular抛出＆＃34;警告：试图加载角度不止一次。＆＃34;然后它超时了。不知道造成这种情况的原因。

<!DOCTYPE html>
<html lang="en" ng-app>
    <head>
        <meta charset="UTF-8">
        <title>Website</title>
        <!-- FOR ANGULAR ROUTING -->
        <base href="/">
        <!-- CSS Files-->

        <!-- Vendor CSS-->
        <link rel="stylesheet" type="text/css" href="../libs/bootstrap/dist/css/bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="../libs/font-awesome/css/font-awesome.css"/>
        <link rel="stylesheet" href="../css/main.css">

    </head>
    <body>
        <div ng-include src="'navigation.html'"></div>
        <!-- JS Files -->

        <!-- Vendor JS-->

        <script type="text/javascript" src="../libs/angular/angular.js"></script>
    </body>
</html>

最终我想要的是这样的事情：

<html ng-app="app">
<head>
</head>
<body>
<div ng-include src="'navigation.html'"></div>
<div ng-include src="'header.html'"></div>
<div ui-view></div>
<div ng-include src="'header.html'"></div>
<script src="../libs/angular/angular.js"></script>
</body>
</html>

Plunker：

http://plnkr.co/edit/kFXFKC0VR5OIxwcpZFue?p=info

Answer 1

虽然不是一个真正的答案，但在回顾这个问题之后，通过指令实现这一目标会更容易。

即使只是

.apply

然后

req.query

ng-include导致角度问题

1 个答案: