ng-model связывает данные в одном представлении, но не в другом

Question

Я использую ui-router для создания нескольких представлений, у меня есть типичный заголовок, контент, макет нижнего колонтитула.

Я использовал, чтобы окно поиска в шаблоне контента, он просто использует нг-модель, чтобы захватить ввод данных пользователем:

  <label class="col-xs-12 col-sm-6"> 
       Search: <input ng-model="searchPattern"> 
      </label> 

Затем я использую угловой фильтр для поиска в моих данных в том же представлении содержимого.

Однако, если я перехожу эти строки в «заголовок», он больше не работает, кажется, что данные, связанные с ng-моделью, не перемещаются по точкам зрения? Я уточнял тот же контроллер для обоих видах, т.е .:

.state('app', { 
      url: '/', 
      views: { 
       'header': { 
        templateUrl: 'header.html', 
        controller: 'MyController' 
       }, 
       'content': { 
        templateUrl: 'content.html', 
        controller: 'MyController' 
       }, 
       'footer': { 
        templateUrl: 'footer.html', 
       } 
      } 
     }) 

и я могу напечатать {{}} searchPattern самого представления заголовка, но не с точки зрения содержания.

Как я могу захватить данные и использовать их для фильтрации в другом виде?

Answer 1

Вы не должны повторно использовать контроллеры, идеально, чтобы контроллер использовался только с определенным шаблоном.

Что вы можете сделать, это создать службу и поместить туда свои данные, а затем ввести их в два контроллера, где вы хотите, чтобы ваши данные были разделены.