TemplateUrl angularJS не работает

Question

У меня есть проблема с templateUrl как этот Мой каталог

myapp 
    js 
     home.js 
    templates 
     profile.html 

Я стараюсь это в home.js

.state('app.profile', { 
    url : '/profile', 
    views : { 
     'appContent' : { 
      templateUrl: '/templates/profile.html', 
      controller: 'ProfileController' 
     } 
    } 
}) 

и в моем profile.html у меня есть

<ion-view> 
    <ion-content padding="true"> 
     <div> 
      <p>My content</p> 
     </div> 
    </ion-content> 
</ion-view> 

Это не сработает, но когда я попробую

.state('app.profile', { 
    url : '/profile', 
    views : { 
     'appContent' : { 
      template: '<ion-view><ion-content padding="true"><div><p>My content</p></div></ion-content></ion-view>', 
      controller: 'ProfileController' 
     } 
    } 
}) 

Он работает правильно. Что не так? Как я могу это исправить?

Answer 1

Все, что вам нужно сделать, это удалить дополнительный / до шаблона:

.state('app.profile', { 
url : '/profile', 
views : { 
    'appContent' : { 
     templateUrl: 'templates/profile.html', 
     controller: 'ProfileController' 
    } 
}})