1

genannt Bitte prüfen plnkrRefresh-Richtlinie, wenn Such

https://plnkr.co/edit/aoGESy8pYAEIVErKr8QF?p=preview

<!doctype html> 
 
<html ng-app="plunker" > 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>AngularJS Plunker</title> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script>document.write("<base href=\"" + document.location + "\" />");</script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script> 
 
    <script src="app.js"></script> 
 
    <script src="search.js"></script> 
 
</head> 
 
<body ng-controller="MainCtrl"> 
 
    <search dir-name="list-view1"></search> 
 
    <list-view1></list-view1> 
 
    
 
    <search dir-name="list-view2"></search> 
 
    <list-view2></list-view2> 
 
</body> 
 
</html>

angular.module('plunker', []); 
 

 
function MainCtrl($scope) { 
 
    $scope.name = 'World'; 
 
} 
 

 

 
angular.module('plunker').directive('listView1', function(){ 
 
    
 
    return { 
 
    restrict: 'E', 
 
    templateUrl: 'list-view1.html', 
 
    controller: function($scope) { 
 
     $scope.items = [1,2,3,4,5]; 
 
    }, 
 
    
 
    replace: true, 
 
    link: function(scope, elem, attr) { 
 
     
 
    } 
 
    }; 
 
}); 
 

 

 
angular.module('plunker').directive('listView2', function(){ 
 
    
 
    return { 
 
    restrict: 'E', 
 
    templateUrl: 'list-view2.html', 
 
    controller: function($scope) { 
 
     $scope.items = [6,7,8,9,10]; 
 
    }, 
 
    
 
    replace: true, 
 
    link: function(scope, elem, attr) { 
 
     
 
    } 
 
    }; 
 
});

haben wir 2 Richtlinie Listenansicht 1 und list-view2 und wir haben auch die Suchanweisung für überall.

Jetzt ist meine Anforderung, wenn ich die Suche nach Listen view1 klicken sollten die Daten der Liste-view1

Ebenso für list-view2 aktualisieren sein.

Szenario ist bei Klick auf abschicken Ich muss einen Anruf tätigen, der mir Daten zurückgibt. Nach dem Empfang von Daten muss ich die Listenansicht mit neuen Daten aktualisieren, von denen aus der Anruf getätigt wurde.

Jede Idee wäre eine große Hilfe.

Antwort

0

Wenn Sie Elemente auf den HTML-Elementen binden, sollte die Ansicht automatisch aktualisiert werden, wenn die Elemente aktualisiert werden. Zum Beispiel

Sie haben eine Funktion in der Steuerung wie

$scope.search = function(){ 
    $scope.items = getNewItems(); 
} 

und befestigt diese Funktion auf die Suchtaste, wenn man so etwas in der Ansicht hat

<button ng-click="search()">Search</button> 
<ul> 
    <li ng-repeat="item in items"> {{item}} </li> 
</ul> 

die Elemente in der Ansicht wird aktualisiert, wenn Sie die Suchtaste drücken.

+0

Ich habe Ihre Lösung nicht verstanden können Sie es in PLNKR tun. Das wäre eine große Hilfe –

+0

http://plnkr.co/edit/HFglboQaCSl1J2uIeyKk?p=preview Wie Sie hier sehen, wenn Daten geändert die Ansicht automatisch aktualisiert. –

+0

Ich denke du hast meine Frage nicht richtig verstanden. Bitte lesen Sie es und versuchen Sie, Szenario zu verstehen –