2016-03-22 30 views
1

, Bileşen tipi açısal yönerge ng-şablon aşağıdaki kodda

<!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); 

özel direktifi my-info-msg

<div my-info-msg> </div> şablonu <strong>{{o.msg}}</strong> eklemez.

Lütfen bana yardım edin! @ Emil.c'nin belirttiği gibi,

+1

Şablon1rrl yerine, templateUrl yerine, bir yazım hatası var. Ayrıca, yönergeyi bir komut dosyası etiketini kullanarak kullanma şeklini neden kullandığınızı bilmiyorum. Bunun yerine örneğin aşağıdaki gibi kullanın: '

' –

+0

@ emil.c Kızım bunu yaptı. Ben değil :) Ben ikinci noktanızı almadım. Çünkü

' – overexchange

+0

kullandım. İkinci noktam ilgisizdir, ben genellikle kod dosyasını kullanarak değil, genellikle ayrı bir html ince ayarında kullandığım sözdizimini yanlış anladım, lütfen ikinci noktayı göz ardı edin. Yazım hatası olmadan çalışır mı? –

cevap

1

, 1Urltemplate ila çıkarıp ince olmalıdır.

İlgili konular