Question

我开始在网上处理很多angularjs教程，我似乎已经发现了一些我的googlefu似乎无法破解的东西。

下面是我的HTML。在我的app.js中，我只是实例化角度模块并将'ui-router'声明为依赖，没有闪现。

<body id="home">

<!-- INIT: app -->
<div class="container" ng-app="app">

    <!-- GET: Header partial -->
    <div ng-include src="'templates/header.html'"></div>

    <!-- INIT: Angular-ui-router -->
    <div ui-view>

    </div>

    <!-- GET: Footer partial -->
    <div ng-include src="'templates/footer.html'"></div>
</div>

<!-- GET: Various Vendor JS files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="vendorjs/bootstrap.min.js"></script>
<script src="vendorjs/angular.js"></script>
<script src="vendorjs/angular-ui-router.js"></script>

<!-- GET: My own app JS files -->
<script src="js/app.js"></script>

</body>

现在由于某种原因，使用ng-include包含的文件需要在其内容周围包含<body></body>个标记，否则不会显示任何内容。

我没有在任何地方看到过这种情况，所以在这里有些不妥，因为我完全迷失了。目前的工作很好，但感觉很时髦。

注意：我正在使用npm live-server中的live-server软件包来保存浏览器中的本地文件。我不认为这是问题所在，即使我只是打开index.html文件它仍然不起作用（但这是因为chrome的安全规则）。

干杯！

Answer 1

是的，ng-include和Live-Server没有加载部分问题。 ng-include在我的localhost中显示部分，但不显示实时服务器。

此问题已在最新版本的live-server中修复。所以我将我的实时服务器更新到版本0.7.1，ng-include现在工作正常。

GitHub - tapio 15天前评论过＆＃34;我已经发布了0.7.1到npm的版本，似乎解决了这个问题。随意测试并报告任何进一步的问题。：）＆＃34; GitHub live-server issue

ng-include无法使用标签

1 个答案: