AngularJS: ngView внутри настраиваемой директивы

Question

Я пытаюсь использовать ng-view внутри настраиваемой директивы, но он не работает, и он также не дает мне никакой ошибки в консоли.

Это моя директива:

(function() { 
    'use strict'; 

    angular 
     .module('app') 
     .directive('header', Header); 

    Header.$inject = ['USER_AGENT']; 

    function Header(USER_AGENT) { 
     return { 
      restrict: 'A', 
      templateUrl: 'app/shared/header/header.html', 
      controller: controller 
     } 

     function controller($scope) { 
      $scope.isMobile = USER_AGENT.isMobile; 
     } 
    } 

})(); 

А внутри header.html файла У меня есть вызов ng-view так же, как я звала его снаружи (когда он работал). Возможно ли установить гнездо ngView внутри пользовательской директивы?

Answer 1

AngularJS не поддерживает несколько ng-view s в одном приложении. Если вы хотите - вы должны использовать другой механизм маршрутизации, например Угловая UI-х ui-router

Answer 2

Даже если вы могли бы использовать его не стоит, потому что это не правильный подход к угловому directive следует рассматривать как веб-компонента в как input, select и т.д.

Просто помните, что ваш header.html просто вид и может использоваться почти ничего, это просто вид

.directive('myDirective', function($timeout) { 
    return { 
    restrict: 'A', 
    templateUrl: 'app/shared/header/header.html', 
    controller: controller 
}); 

Или (с помощью ui-router)

$stateProvider 
    .state('home', { 
    url: '/?accountkey', 
    templateUrl: 'app/shared/header/header.html', 
    controller: controller 
});