2016-08-02 22 views
0

でのレンダリングではない:角度1.xのコンポーネントtemplateUrlは、私はそうのように私のコンポーネントを設定しているDOM

// app/my-component/my-component.js 
app.component('myComponent', { 
    bindings: { 
     bindingA: '=', 
     bindingB: '=' 
    }, 
    templateUrl: 'app/my-component/my-component.tpl.html', 
    controller: MyComponentCtrl 
}); 

// app/my-component/my-component.tpl.html 
<div> 
    <input type="text" ng-model="$ctrl.bindingA" /> 
    <input type="text" ng-model="$ctrl.bindingB" /> 
</div> 

エラーがスローされません。私のテンプレートファイルはChromeのDev Toolsにうまく表示されます。 XHRリクエストのネットワークプレビューは正しく表示されますが、DOM上ではレンダリングされません。

templateUrltemplateに置き換えると、文字列はDOMに正しく表示されます。

アイデア?

+0

404のようにコンソールにエラーがスローされますか? – Michelangelo

+0

@Mikeyなし。 200として来て、私はdevツールでテンプレートをプレビューすることもできます。検査をしてもDOMには表示されません。私には分かりませんが、コンポーネントの親要素はページの読み込み時に隠され、その後いくつかのユーザーイベントの後に表示されます。 –

+1

@Xゴンウィット豆屋何ですか?それはちょうど他の質問の問題です、それをしないでください! – Michelangelo

答えて

0

キーボードで私の頭を打つしたい後、私はこのコードのビットがするtemplateUrl応答妨害されたことに気づいた。私は生活の中で別の日if (response.data.d) response.data = response.data.d;

$httpProvider.interceptors.push(function() { 
    return { 
      'response': function (response) { 
       response.data = response.data.d; 

       return response; 
      } 
     } 
    }); 

は単純に変更するにはあなたに教えてあげよう...

関連する問題