AngularJS Werte nicht sichtbar in der Richtlinie und template- html

Question

Ich habe die folgende Direktive in html:

<as-excel-download institutionId="vm.reportInstitution.id"></as-excel-download> 

die Richtlinie wie folgt aussieht:

(function() { 
'use strict'; 

angular 
    .module('aposoft.common') 
    .directive('asExcelDownload', asExcelDownload); 

function asExcelDownload() { 
    var directive = { 
     restrict: 'E', 
     scope: {     
      institutionId: '=' 
     }, 
     templateUrl: 'app/common/exceldownload/asExcelDownload.html' 
    }; 
    return directive; 

    //////////// 
} 
})(); 

und die Richtlinie Vorlage sieht wie folgt aus:

<a href="/api/schedulerecordexcel/monthreport/{{institutionId}}"> 
    <img src="./Excel.PNG" alt="icon" /> 
</a> 

und eigentlich weiß ich nicht, warum {{institutionId}} in Direktivtvorlage htm emty ist l. Wenn ich institutionId in vm in jeder der oben genannten Dateien ändern (was ist der Umfang in Controller) und Zugriff auf die Institution ID über vm in Direktive Vorlage HTML als alles funktioniert gut. Weiß jemand, was ich hier falsch mache?

Answer 1

Ich glaube, Sie falsche Namen als Attribut verwenden, so dass im Grunde diesen Teil:

<as-excel-download institutionId="vm.reportInstitution.id"></as-excel-download> 

soll wie folgt aussehen:

<as-excel-download institution-id="vm.reportInstitution.id"></as-excel-download>