Обмен данными между шаблонами в angularJS, как?

Question

[Алекcандр]

У меня есть 2 шаблона, в одном я использую функцию и после её успешного выполнения, хоу получить данные в другом шаблоне. Как мне это сделать? Оба шаблона используют один и тот же контроллер.

Первый шаблон:

<form ng-submit='vm.search(q)' class="header-search">
            <input class="header-search-input" ng-model='q'  placeholder="Search">
            <button type="button" class="btn btn-default ic-search" aria-label="Left Align" ng-click='vm.search(q)'>
              <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            </button>
        </form>

Второй шаблон:

<h3>Результат поиска по запросу: {{q}}</h3>
<ul ng-repeat='item in items'>
    <li>{{item.name}}</li>
</ul>

Контроллер:

(function() {
    'use strict';

    angular
        .module('beo.layout.controllers')
        .controller('NavbarController', NavbarController);

    NavbarController.$inject = ['$scope', '$http', '$location'];
    function NavbarController($scope, $http, $location) {

        var vm = this;

        vm.logout = logout;
        vm.search = search;
    function search(q) {
            $http.post('/api/v1/search/', {
                q: q
            }).success(function(data) {
                $location.path('/search/')
                $scope.q = q;
                $scope.items = data;
            })
        }


})();

Comments

[Александр Манаков]

Что значит " Оба шаблона используют один и тот же контроллер."? Вы два раза прописываете что-то типа ng-controller="NavbarController" ?

[Алекcандр]

Александр Ман: Использую роутинг

Answer 1

[Олег]

возможно, дело в этом:
ng-submot='vm.search(q)'

Comments

[Алекcандр]

ну нет же