AngularJs templaturl error

Question

          when('/contact', {
              templateUrl: './Contact.html',
              controller: 'ContactController'
          }).
          otherwise(
            {
              redirectTo: '/home'
          });

我有这样的模板网址。当我尝试执行时，我的模板网址不起作用。我已经附加了链接到我的应用程序角度模板URL。请帮助我如何修复问题。

Answer 1

它是否显示 404 错误？如果是，请检查它尝试查找部分的路径。确保您提到的路径正确。它是相对于指数的。它应该是页面/"页面名称".html

when('/contact', {
          templateUrl: 'pages/Contact.html',
          controller: 'ContactController'
      })

Answer 2

首先，您应该首先了解相对路径的工作原理。所以，这里如下：

/表示当前驱动器的根目录

./表示当前目录

../表示当前目录的父目录。

正如您使用的 ： templateUrl: './Contact.html',它将尝试查看当前目录。

因此，您必须像这样更改模板URL的路径：

 when('/contact', {
              templateUrl: './pages/Contact.html',
              controller: 'ContactController'
          }).
          otherwise(
            {
              redirectTo: '/home'
          });