1
我只是第一次盯着AngularJS應用程序。遵循教程中的一些步驟,但最終ui路由器沒有顯示任何內容。螢火未顯示任何JS錯誤或警告Angular JS UI路由器不顯示模板(沒有JS控制檯錯誤)
我app.js文件:
var app = angular.module("CRI", ["ui.router"]);
app.config(function ($stateProvider) {
$stateProvider
.state("Login", {
url: "/",
controller: "LoginController",
templateUrl: "views/login.html"
})
})
index.html文件:
<!DOCTYPE html >
<html ng-app="CRI">
<head>
<title>LOGIN</title>
<meta charset="UTF-8"></meta>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,700italic,800italic|Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/korisnik.css" />
<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/easypiechart.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script>
<script src="app.js"></script>
<script src="controllers/loginController.js"></script>
</head>
<body>
<div ui-view></div>
</body>
</html>
控制器:
app.controller("LoginController", function($scope, $http){
})
模板保存in views/login.html
''是一個自閉的標籤。不知道這是否是問題,但你永遠不知道。另外,請檢查您的控制檯*網絡*選項卡以確保所有腳本正在加載。 'views/login.html'中是否有內容? – Phil
Ty爲那個答案,我改變了我的元標記,還檢查了所有腳本加載的網絡選項卡。模板文件包含登錄表單。 –