私は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ファイルに置き換えてください。
あなたはテンプレートがロードされていることを確認しているネットワーク]タブには404:ここ 理由(特にイオン性:)で)理解するために、いくつかの有用なリンクがありませんか?指令は同じ角度モジュールに登録されていますか?あなたはリンク機能に入る、デバッガをそこに置く? – dfsq
申し訳ありませんが、私の悪い。確かに私のテンプレートファイルは読み込まれません。 'テンプレートの読み込みに失敗しました:./locationSheet.html(HTTPステータス:0)'。また、私は 'app'以外の角度モジュールを宣言していません。 htmlファイルへのパスが正しい –