如何在AngularJS中使用templateUrl?

时间:2015-02-08 13:04:38

标签: javascript html templates state angularjs-routing

在我的文件home.js中

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

在我的档案profile.html中有这个

<ion-view title="Profile">
  <ion-content>
    <!--somethings here-->
  </ion-content>
</ion-view>

我的目录

js
  home.js
templates
  profile.html

但我不能让它发挥作用。请帮我解决这个错误!

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你必须这样做:

.state('index', {
    url : '/route1',
    templateUrl: '../templates/profile.html',
    controller: 'Controller'
})

如果您想使用多个视图:

.state('index', {
    url: "/route1",
    views: {
      "viewA": { template: "index.viewA" },
      "viewB": { template: "index.viewB" }
    }
})