Директива Refresh, когда поиск называется

Пожалуйста Проверьте plnkrДиректива Refresh, когда поиск называется

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) { 
 
     
 
    } 
 
    }; 
 
});

мы имеем 2 директивы список ракурс 1 и list-view2, а также мы имеем обычную для всех директиву поиска.

Теперь мое требование, когда я нажимаю поиск списка-view1 данные из списка-view1 должны обновить

Аналогично для списка-View2.

Сценарий находится на клике submit Я должен сделать api-вызов, который вернет мне данные. после получения данных мне нужно обновить list-view новыми данными, с которых был сделан вызов.

Любая Идея была бы большой помощью.

источник

2016-08-09 Naushad Ahmad

Если вы привязываете элементы к элементам html, просмотр автоматически обновляется при обновлении элементов. Например,

У вас есть функции в контроллере, как

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

и вы приложенный эту функцию на кнопку поиска, если у вас есть что-то подобное в представлении

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

пункты, в представлении будет обновляться при нажатии кнопки поиска.

источник

2016-08-09 07:08:38

Я не понял ваше решение, вы можете сделать это в plnkr. Это было бы очень полезно. –

http://plnkr.co/edit/HFglboQaCSl1J2uIeyKk?p=preview Как вы видите здесь, когда данные меняли представление, обновляемое автоматически. –

Я думаю, что вы не поняли мой вопрос правильно. прочитайте его и попробуйте понять сценарий –

Директива Refresh, когда поиск называется

ответ

Смежные вопросы