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

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

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

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>

angularjs angularjs-directive angular-filters
person JDH    schedule 11.12.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

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

ng-model="searchForm.input"

и вы увидите, что это сработает.

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

документация AngularJS по областям

видео Egghead о точечной нотации

person rmuller    schedule 11.12.2014