Question

此ng-include不起作用，但浏览器控制台为空

<div class='pianificazioneOpertion-module'>
  <div class="container-fluid">
    <div  ng-if="step == false" ng-incude src="'pianificazioneModule/patrimonioNonFinanziarioModule/pianificazioneOperationModule/step.html'"></div>
    <div  ng-if="step == true && operation.tipologia=='5'" ng-include src="'pianificazioneModule/patrimonioNonFinanziarioModule/pianificazioneOperationModule/venditaDonazione.html'"></div>
  </div>
</div>

Answer 1

您不能以这种方式使用ng-if和ng-include。请改用它。

<div class='pianificazioneOpertion-module'>
  <div class="container-fluid">
    <div  ng-if="step == false">
      <ng-incude src="'pianificazioneModule/patrimonioNonFinanziarioModule/pianificazioneOperationModule/step.html'"></ng-include>
    </div>
    <div ng-if="step == true && operation.tipologia=='5'">
      <ng-include src="'pianificazioneModule/patrimonioNonFinanziarioModule/pianificazioneOperationModule/venditaDonazione.html'"></ng-include>
    </div>
  </div>
</div>

这是因为ng-include是一个标签本身。

检查ngInclude https://code.angularjs.org/1.4.12/docs/api/ng/directive/ngInclude

的Angular文档

<强>更新

检查一下：

此外，浏览器的同源策略和跨源资源共享（CORS）策略可能进一步限制模板是否成功加载。例如，ngInclude不适用于所有浏览器上的跨域请求以及某些浏览器上的file：// access。

来自Angular Docs。如果您尝试从file://而不是http://执行代码（例如从节点服务器运行），那么它将无效，因为CORS策略可能会阻止它。

从Apache / nginx / Node Http服务器运行。

AngularJS，ng-包括不起作用

1 个答案: