ui路由器正在渲染周圍的html內容

我有一個非常簡單的配置，無法正常工作。 ui視圖不會呈現模板。ui路由器正在渲染周圍的html內容

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) { 

    }); 
}());

ConfigJS

(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' 
    }); 
    }); 
}());

當我去的路線通過點擊註冊鏈接時，用戶界面視圖呈現完整的HTML帶有視圖標籤的頁面，而不是在狀態中給出的模板。

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

來源

2016-03-29 Aaron

有兩件事：1. register.html的內容是什麼？ 2.你能檢查瀏覽器是否實際加載了它嗎？ – pasine

它簡單的div與寄存器這個詞，它根本沒有加載它。 – Aaron

所以問題可能是應用程序加載'index.html'而不是'register.html'（這就是爲什麼你看到_surrounding html_）。嘗試修復'templateUrl'。我認爲刪除第一個斜線應該足夠了（'views/register.html'）。 – pasine

-1

我有錯誤的路徑在templateUrl。這本來是

templateUrl：「/app/views/register.html」

有誰知道，如果它是視圖標籤加載周圍的HTML默認行爲？

來源

2016-03-29 17:06:13 Aaron

ui路由器正在渲染周圍的html內容

回答

相關問題