【问题标题】:scripts and stylesheets not loading while reload in angularjs SPA在angularjs SPA中重新加载时脚本和样式表未加载
【发布时间】:2017-09-10 09:44:13
【问题描述】:

索引页:

  <ng-view></ng-view>

角度控制器:

    when('/', {
        url: '/',
        templateUrl: 'site/home',
        controller: 'indexController'
    }).

    when('/site/help', {
        templateUrl: 'site/help',
        controller: 'indexController'
    }).

帮助页面内容:

一些帮助内容

问题是当我使用 /site/help 链接从索引页面导航时,它会显示带有索引页面菜单的帮助页面内容。

但是当我重新加载页面时,它只显示帮助页面内容,没有加载任何样式或 javascripts。

【问题讨论】:

  • 这样的主页:
  • 您必须将所有子页面重定向到 index.html。
  • 看起来您正在使用 HTML5Mode。请参考这个网址。 docs.angularjs.org/guide/$location 如果页面不是通过 xhr 检索到的,则打开 html5mode 或添加内部重定向到主页(查找标题)
  • 它正在工作,但我如何才能在 html5 模式下实现相同的效果?任何帮助将不胜感激。提前致谢。

标签: javascript angularjs angularjs-routing


【解决方案1】:

你应该把ng-view标签放在index.html中,因为这个页面是主页面,其他页面是其中的一部分:

<body> 
    //some content
    <ng-view></ng-view> 
</body>

【讨论】:

  • //带有锚标签的导航菜单 ng-view> 我已经用过这个结构了。但是当局部视图被刷新时,它只显示局部视图内容,没有任何样式,加载脚本并且没有 index.html 页面的菜单
  • 我正在以 ASP MVC 作为后端在 Angularjs 中开发应用程序。我是否需要修改 RoutesConfig 或其他内容?
  • $locationProvider.html5Mode(true).hashPrefix('!');也用于角度路线配置
猜你喜欢
  • 1970-01-01
  • 2013-05-07
  • 2021-03-29
  • 2010-12-30
  • 2016-06-06
  • 1970-01-01
  • 1970-01-01
  • 2021-02-02
  • 2019-06-30
相关资源
最近更新 更多