Angular Js ng-repeat mit benutzerdefinierter Anweisung templateUrl

Question

Im Verwenden benutzerdefinierter Anweisung in angular js mit Vorlage URL der Link zum Code ist unten. Das Problem ist, dass ngRpeat nicht mit der Vorlagen-URL funktioniert, wenn ich ngRepeat an element übergebe, dann funktioniert es nicht, aber wenn ich die Vorlage selbst übergebe, funktioniert es.

https://github.com/Rishabh-Ahuja/angularCustomDirectiveNgRepeat

Answer 1

Update:

Im Folgenden finden Sie den Code

<search-results customers-d ="customers" ng-repeat="CM in customersD></search-results> 

in main.html geschrieben haben

Es folgt die Richtlinie search Sie geschrieben haben:

myApp.directive('searchResults', function() { 
    return { 
     templateUrl: 'directives/search.html', 
     scope: { 
      customersD: '=', 
     } 
    } 
}); 

Folgen g ist die Hauptsteuerung die Sie geschrieben haben:

myApp.controller('mainController', ['$scope', '$log', function($scope, $log) { 
    $scope.customers = [{ name:'Rishabh'},{name:'Krishna'}] 
}]); 

Und search.html sich wie folgt:

<a href="#" class="list-group-item"> 
    <h4 class="list-group-item-heading"> hi </h4> 
    <p class="list-group-item-text">{{CM.name}}</p> 
</a> 

Jetzt Dinge, die Sie tun, ist falsch:

1. Schließen Zitat fehlt in ng-repeat von main.html
2. Der Versuch, in main.html auf customersD zuzugreifen, während kein Array namens customsD definiert ist d in $ scope von mainController.
3. Der Versuch, auf CM in search.html zuzugreifen (was eine Vorlage der isolierten Bereichsanweisung ist). Sie können nur Kunden in Search.html

Ich denke, Ihr Verständnis von Bereichen ist nicht korrekt. Es wäre gut, wenn du genug liest, bevor du hier Fragen stellst. :)

Zurück Antwort: Sie vermissen Zitat in ng-repeat schließen und falsche Verwendung von Variablen Sie wie folgt vor:

<search-results customers-d ="CM" ng-repeat="CM in customers"></search-results> 

Answer 2

main.html

<div class="list-group"> 
    <search-results customers-d ="customers" ng-repeat="CM in customers"></search-results> 
</div> 

Richtlinie Änderungen in app.js

myApp.directive('searchResults', function() { 
return { 
    restrict : "AE", 
    templateUrl: 'directives/search.html' 
} 
});