ui 路由器正在渲染周围的 html 内容答案

【问题标题】：ui router is rendering the surrounding html contentui 路由器正在渲染周围的 html 内容
【发布时间】：2016-03-30 01:06:13
【问题描述】：

我有一个非常简单的配置不起作用。 ui 视图未呈现模板。

HTML：

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#/register">Register</a></li>
</ul>

<div ui-view></div>

<script src="/src/client/app/app.js"></script>
<script src="/src/client/app/config.js"></script>

AppJS

(function () {
  'use strict';

  angular.module('barmehealth', ['ui.router'])
  .controller('RegisterCtrl', function($scope) {

  });
}());

配置JS

(function () {
  'use strict';

  var core = angular.module('barmehealth');

  core.config(function($urlRouterProvider, $stateProvider) {

  $urlRouterProvider.otherwise('/');

  $stateProvider
    .state('register', {
    url: '/register',
    templateUrl: '/views/register.html',
     controller: 'RegisterCtrl'
    });
  });
}());

当我通过点击链接注册去路由时，ui 视图会使用视图标签而不是状态中给出的模板呈现整个 html 页面。

https://www.dropbox.com/s/brm99i3thsw30h6/Screen%20Shot%202016-03-29%20at%209.15.14%20AM.png?dl=0

【问题讨论】：

两件事：1.register.html的内容是什么？ 2.你能检查一下浏览器是否真的在加载它吗？
它只是一个带有单词 register 的 div，它根本没有加载它。
所以问题可能是应用正在加载index.html 而不是register.html（这就是为什么你会看到环绕的html）。尝试修复templateUrl。我认为删除第一个斜线就足够了 (views/register.html)。
我刚刚发布了我在您添加此内容时发现的内容。谢谢。

标签： angularjs

【解决方案1】：

我在 templateUrl 中的路径错误。应该是

templateUrl: '/app/views/register.html'

有谁知道view标签加载周围的html是否是默认行为？

【讨论】：