角度指令： "template as function"を "templateUrl"に変更するにはどうすればよいですか？

Question

私はAngularJSを初めて使っています。

templateUrl: 'some.html' 

注：私はテンプレートからHTML部分のコードをコピーして作成している私のように変更したい

template: function(tElement, tAttrs){ 
     return "<div ..........>"+ 
       "<div>" 

：私は、ディレクティブの1つの

現在のコードを変更しようとしています'some.html'と呼ばれるファイルが動作しません。

私には何が欠けていますか？

Answer 1

私が間違ってる場合を除き、あなたはそうのように、オブジェクトを返す必要があります限り、あなたのファイルパスは、あなたが行くように良いことがあり正確であるよう

return { 
     templateUrl: 'some.html' 
    } 

。

Answer 2

1. あなたのHTMLコンテンツの唯一のルート要素を持っていることを確認してくださいあなたはディレクティブ

2. の復帰に有効なJSONオブジェクトを返すことを確認してください -

   <div>...</div> 
   <div>...</div> 
   

- それは、このような テンプレートです

は、あなたがこのような1つのルート要素を持っている必要が許可されていません -

<div> 
    <div>...</div> 
    <div>...</div> 
</div> 

3. スコープの値をhtmlコンテンツ使用リンクに設定して利用可能にする必要があります。以下は

は、完全な簡単な指示の例とそのHTML

myTestApp.directive('directive', function(configuration) { 
     return { 
     restrict: 'E', 
     templateUrl: 'myContactTemplate.html', 
     link: function(scope, element, attrs) { 
      scope.config = configuration; 
     } 
     }; 
    }); 

HTMLで

<div>{{config.name}}<br>Version: {{config.age}}</div>