Угловая директива не рендеринг в ионном приложении

Я использую Ionic framework для создания приложения.Угловая директива не рендеринг в ионном приложении

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

app.directive('headerSidebar', function(){ 
    return { 
    templateUrl: 'templates/header-main.html', 
    restrict: 'E' 
    }; 
}); 

app.directive('headerBack', function(){ 
    return { 
    templateUrl: 'templates/header-back.html', 
    restrict: 'E' 
    }; 
});

Когда я пытаюсь вызвать директивы с <header-sidebar></header-sidebar> или <header-back></header-back> ничего не происходит.

Мой html действителен, и мои шаблоны верны. Я попытался изменить имена обоих моих директив и моих шаблонов, но ничего не получилось.

Я использую Ionic sidebar layout и я называю свои директивы в мой ion-nav-view:

<body ng-app="starter"> 

    <ion-side-menus> 

     <ion-side-menu-content> 
     <ion-nav-view></ion-nav-view> 
     </ion-side-menu-content> 

     <sidebar></sidebar> 

    </ion-side-menus> 

    </body>

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

источник

2014-11-20 rasmussvanejensen

Я сейчас столкнулся с этой проблемой. Похоже, что любая директива с templateUrl не будет загружать этот шаблон извне, как только приложение будет создано в iOS. Могли ли вы понять эту проблему? –

Я еще не решил. Я сдался и скопировал разметку повсюду. У меня есть проблема даже перед построением. – rasmussvanejensen

Моя проблема оказалась немного отличающейся от вашей, я думаю. При дальнейшей проверке я понял, что перед всеми моими шаблонами, которые действительно вызывали проблему, у меня была «/». –

Моя проблема оказалась немного отличной от вашей, я думаю. При дальнейшей проверке я понял, что перед всеми моими шаблонами, которые на самом деле вызывали проблему, у меня была «/».

источник

2015-10-15 18:20:20

Имел аналогичную проблему, проблема была с шаблоном url, имеющим ../ в начале его –

Относительные пути отлично работают в браузере , но не в скомпилированном приложении. Спасибо, что спасет меня от этого :) – FearMediocrity

У меня была аналогичная проблема. Это связано с относительным путем в URL. Это отлично работает в браузерах, но не в приложении. Я удалил ../ из URL-адреса.

источник

2016-12-15 18:35:56 amarmishra

Угловая директива не рендеринг в ионном приложении

ответ

Смежные вопросы