AngularJS Suchfilter

Question

wie das Suchmodell in Ihrem Header-Direktive für den Zugriff mit AngularJS

 <div header showprofile="false" > 
     <div class="searchView col-xs-12"> 

       <input type="text" placeholder="Search" ng-model="search" />   
     </div> 
    </div> 
    <div class="divtop"> 
     <!-- <input type="text" placeholder="Search" ng-model="search" /> --> 
     <div class="it-content col-xs-12 col-sm-12 col-md-12"> 
      <div ng-repeat="it in itBatch.its | filter: search" class="visit-card"> 

</div> 
</div> 
</div> 

Answer 1

Sie das Modell der Richtlinie wie dies passieren kann -

<div header showprofile="false" search="search"> 
    <div class="searchView col-xs-12"> 
     <input type="text" placeholder="Search" ng-model="search" />   
    </div> 
</div> 

Aktualisieren Sie Ihre Richtlinie zu akzeptieren es

.directive('header', function() { 
    function link(scope, element, attrs) { 
    scope.$watch(attrs.search, function(value) { 
     console.log(value); 
    }); 
    } 
    return { 
    restrict: 'EA', 
    scope: { 
     showprofile: '=', 
     search: '=', 
    }, 
    link: link 
    }; 
}); 

UPDATE Hier ist ein fiddle.

Hoffe, dass hilft.