2016-08-09 12 views
0

は、この動作しませngが、含まれますが、ブラウザのコンソールは、あなたがそのようにng-ifng-includeを使用することはできません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

'' src'属性は、 – Phil

+0

の要素バージョンの ''要素にのみ適用されます。ng-if文を削除するとどうなりますか?パスが正しいのですか? –

+0

ng-includeの 'src'に一重引用符を使用しているのはなぜですか? –

答えて

1

空です。代わりにこれを使用してください。

<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から。 http://(ノードサーバーから実行中)の代わりにfile://からコードを実行しようとすると、CORSポリシーがブロックする可能性があるため、コードは機能しません。

Apache/nginx/Node Httpサーバーから実行します。

+0

このコードは常に同じ問題を生成します – faserx

+0

完全なコードを投稿できますか?コントローラに問題がある可能性があります。 –

関連する問題