2016-08-09 65 views
0

這個NG-包括不工作,但瀏覽器控制檯是空AngularJS,NG-包括不行

<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> 
+1

嘗試'ng-include =''pianifi ...''src'屬性僅適用於元素版本的指令 – Phil

+0

如果刪除ng-if語句,會發生什麼情況?那麼路徑是否正確? –

+0

爲什麼在ng-include中爲'src'在雙引號內使用單引號? –

回答

1

你不能以這種方式使用ng-ifng-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

UPDATE

檢查

檢查角文檔這樣的:

此外,瀏覽器的同源策略和跨域資源共享(CORS)政策可能進一步限制模板是否成功加載。例如,ngInclude不適用於所有瀏覽器上的跨域請求和某些瀏覽器上的file://訪問。

來自Angular Docs。如果您試圖從file://而不是http://(例如從節點服務器運行)執行您的代碼,則它不起作用,因爲CORS策略可能會阻止它。

從Apache/nginx/Node Http服務器運行。

+0

此代碼總是會產生相同的問題 – faserx

+0

您可以發佈您的完整代碼嗎?也許控制器存在問題。 –