コンポーネントタイプの角度ディレクティブngのテンプレート以下のコードで

、コンポーネントタイプの角度ディレクティブngのテンプレート以下のコードで

<!DOCTYPE html> 
    <html> 
     <head> 
      ..... 
     </head> 
     <body ng-app="app"> 
      <script type="text/ng-template" id="my-info-msg.html"> 
       <strong>{{o.msg}}</strong> 
      </script> 
      <div ng-controller="emp as o"> 
       <div my-info-msg> 

       </div> 
      </div> 
     </body> 
    </html>

var app = angular.module("app", []); 

function MyController(){ 
    this.msg= 'This is a message'; 
} 
app.controller('emp', MyController); 


function MsgDirective(){ 
    return{ 
     template1Url: "my-info-msg.html" 
    }; 
} 
app.directive('myInfoMsg', MsgDirective);

カスタムディレクティブmy-info-msg

が <div my-info-msg> </div>でテンプレート <strong>{{o.msg}}</strong>を追加しません。

私を助けてください！

出典

2016-03-22 overexchange

template1Urlがあるので、templateUrlの代わりにタイプミスがあります。また、スクリプトタグを使用して、ディレクティブを使用する方法をなぜ使用するのかもわかりません。代わりにそれを使用してください： '

' –

@ emil.c私の娘はこれをしました。私ではない:)私はあなたの2番目のポイントを取得していない。なぜなら、私は '

' – overexchange

を使用しました。私の2番目の点は無関係です。私は通常、スクリプトタグを使用しない別のHTMLの罰金でテンプレートを使用するので、構文を誤解しています。それはタイプミスなく動作しますか？ –