2016-04-10 10 views
1

私はIonicを使ってプロジェクトを進めているので、Angular 1も使用しています。 このフレームワークはよくわかりません(GoogleがAngular 2で行ったことが本当に好きです: - ))。IonicとAngular'sのディレクティブに関する基本的な問題

基本的には、新しいHTML要素(ディレクティブ)を作成し、それを私のionic appのビュー内で使用したいだけです。

app.directive('smLocationSheet', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     scope: {}, 
     templateUrl: './locationSheet.html' 
    } 
}); 

私は非常に基本的で静的なHTMLテンプレートといくつかのSCSSを持っていますが、それは重要ではありません。ここで

は、私は私のディレクティブを宣言する方法です。

<ion-view id="homeView" style="position: static !important;" view-title="Accueil" ng-init="init()"> 
    <ion-content class="has-tabs"> 
     <div id="map" data-tap-disabled="true"></div> 
     <sm-location-sheet></sm-location-sheet> 
    </ion-content> 
</ion-view> 

ディレクティブを記述した私のjsファイルがうまくロードされているが、私のディレクティブが「レンダリング」しません:私のhome.htmlの内部では、私はこのように私のディレクティブを使用したいと思います。デバッグ中に、htmlタグsm-location-sheetが表示されますが、テンプレートは表示されません。また、私のhmtlファイルに置き換えてください。

+0

あなたはテンプレートがロードされていることを確認しているネットワーク]タブには404:ここ 理由(特にイオン性:)で)理解するために、いくつかの有用なリンクがありませんか?指令は同じ角度モジュールに登録されていますか?あなたはリンク機能に入る、デバッガをそこに置く? – dfsq

+0

申し訳ありませんが、私の悪い。確かに私のテンプレートファイルは読み込まれません。 'テンプレートの読み込みに失敗しました:./locationSheet.html(HTTPステータス:0)'。また、私は 'app'以外の角度モジュールを宣言していません。 htmlファイルへのパスが正しい –

答えて

関連する問題