2017-05-10 2 views
0
app.directive("myData", function() 
{ 
    return { 
     templateUrl: '/my-data.html' 
    }; 

}); 
my-data.html file code 

<tr ng-repeat="employee in employees"> 
    <td>{{employee.id}}</td> 
    <td>{{employee.name}}</td> 
    <td>{{employee.gender | uppercase }}</td> 
    <td>{{employee.salary | currency : '$'}}</td> 
</tr> 


<body ng-app="DemoAngular"> 
    <div ng-controller="AngularController"> 

     <table> 
      <thead> 
       <tr> 
        <th>Id</th> 
        <th>Name</th> 
        <th>Gender</th> 
        <th>Salary</th> 
       </tr> 
      </thead> 
      <tbody> 
       <my-data></my-data> 
</tbody> 
     </table> 


    </div> 
</body> 

benutzerdefinierte Richtlinie reg., Richtlinie Vorlage HTML-Datei assign., Aufruf benutzerdefinierte Richtlinie in Tabellenkörpern., Auch hinzugefügt Skripte Speicherort der Datei in Header. nichts bevöl/nicht funktioniert .. Dank brauchen HilfeWinkel JS benutzerdefinierte Richtlinie nicht funktioniert

Antwort

0

myData nicht in table Element erkannt werden.

<table> 
    <thead> 
    ... 
    </thead> 
    <tbody> 
    <tr my-data></tr> 
    </tbody> 
</table> 

UPD:

hinzufügen replace:true zu Ihrer Richtlinie Sie können wie unten Ihre Richtlinie mit restrict: 'A' und verwenden Sie es in der Vorlage ändern.

demo plunker.

+0

app.service ('AngularService', function (http $, $ log) { // var customservice = {}; this.getalldata = function (cb) { $ HTTP ({ Verfahren : 'GET', url: 'WebService/EmployeeService.asmx/GetAllEmployee' }) dann (function (Antwort) { cb (response.data); } function (Grund) { log $.. log ("Fehler"); }) }; // return customservice; }); – cshah

+0

Ich versuchte, wie Sie erwähnt, aber Anweisung, nichts zu zeigen 1.i haben HTML-Datei 2. Kontrolldatei 3. Haupt-HTML, in dem ich Tag hinzufügen – cshah

+0

@cshah Sorry für die späte Antwort, habe ich meine Antwort aktualisiert und fügen Sie ein ausführbares Beispiel für dich. – Pengyy

Verwandte Themen