为什么HTML代码的一部分会消失（AngularJS）？

Question

我正在学习AngularJS。

我写了以下代码：

<ul class="list-group">
    <li class="list-group-item" ng-repeat="product in store.products">
        <h3 ng-include="'product-title.html'"/>
        <section ng-controller="PanelController as panel">
            <ul class="nav nav-pills">

当我打开浏览器时，我发现生成的HTML代码中没有<section ng-controller="PanelController as panel">部分。

您可以找到整个来源here。

如何解决此问题（让section部分出现在浏览器中？）

Answer 1

问题出在你的

中

<h3 ng-include="'product-title.html'"/>

ng-include必须在此处引用的对标签中使用 - https://docs.angularjs.org/api/ng/directive/ngInclude

所以改变就好了

<h3 ng-include="'product-title.html'"></h3>