ng include导致角度问题

ng-include causes angular issues

本文关键字：问题 include ng      更新时间：2023-09-26

我在使用ng include时遇到了一些问题。起初，我试图在我的项目中使用它，但它导致所有内容无限期地重复。我认为这是我重新开始的项目的接线方式。除了angular文件和一个include之外，我还没有真正添加任何内容，它一直导致angular抛出"警告：尝试多次加载angular。"然后超时。不知道是什么原因造成的。

<!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

虽然不是一个正确的答案，但回过头来看，用指令实现这一点要容易得多。

甚至只是

.directive('myDirective', function() {
  return {
    template: '<h1> Hello World</h1>'
  };
});

然后

<my-directive></my-directive>
相关文章：