Создание фильтров внутри угловой директивы

Question

Мне любопытно, почему этот угловой фильтр будет работать за пределами угловой директивы, но не внутри. Может ли кто-нибудь дать объяснение?

Например, в Plunkr ниже я добавил фильтр поиска, который будет работать вне растрового пользовательского интерфейса Bootstrap, но если его удалить и добавить внутрь, он не работает?

http://plnkr.co/edit/GdFvay?p=preview

<div class="col-sm-4"> 
     <input type="text" ng-model="searchText" class="form-control" placeholder="Search All"> 
     <div> 
     <accordion close-others="oneAtATime"> 
      <accordion-group > 
      <accordion-heading> 
       Search 
      </accordion-heading> 
      <input type="text" ng-model="searchText" class="form-control" placeholder="Search All"> 
      </accordion-group> 
     </accordion> 

Answer 1

директива аккордеона-группа имеет изолированный объем. Попробуйте еще раз, используя точечную нотацию (важно при работе с наследованием области видимости)

, например, изменить нг-модели для:

ng-model="searchForm.input" 

, и вы увидите, что он будет работать.

Пожалуйста, обратитесь к:

AngularJS documentation on scopes

Egghead video on the dot notation