AngularJS ui.router給了我一個空白頁面

我看到了一些未解決的問題 - 希望我會以一種引出解決方案的方式陳述這個問題。在此先感謝AngularJS ui.router給了我一個空白頁面

AngularJS 1 - 使用咕嚕

的index.html

<!doctype html > 
<html ng-app="studentAdmissions" > 

    <head> 

     <meta charset="utf-8" > 
     <meta name="description" content="" > 
     <meta name="viewport" content="width=device-width" > 

     <title>Student Admissions</title> 


     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
     <script src="https://unpkg.com/[email protected]/release/angular-ui-router.js"></script> 
    </head> 

    <body> 

     <!--[if lt IE 10]> 
      <p class="browsehappy" >You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" >upgrade your browser</a> to improve your experience.</p> 
     <![endif]--> 

     <div ui-view ></div> 

     <script src="app/app.js" charset="utf-8" ></script> 

    </body> 

</html>

應用程序/ app.js

var app = angular.module('studentAdmissions', ['ui.router']); 

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

    $urlRouterProvider.otherwise('/'); 

    $stateProvider 
    .state('home', { 
     url:'/' 
     ,template:'<h1>My Home</h1>' 
    }) 

})

我沒有得到一個錯誤，只是一個空白頁。

我也試過了，但結果是一樣的。

$stateProvider 
    .state('home', { 
     url:'/' 
     ,templateUrl:'views/home.html' 
})

我目前正在搜尋文檔，但沒有多少運氣發現問題。

我添加了下面提到的缺少的文件引用（謝謝） - 控制檯現在顯示錯誤，這看起來像它來自angularjs.js文件 - 這可能不是這種情況。

未被捕獲的錯誤：[$注射器：modulerr] http://errors.angularjs.org/1.6.1/ $注射器/ modulerr P0 = studentAdmissions & p ... ogleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.1％2Fangular.min.js％3A21％3A332）

來源

2017-02-06 jpmyob

你有一個腳本標籤鏈接angular.js庫？

例子：

<script src="vendor/angular.js" type="text/javascript"></script>

這應該住在你的index.html文件。

來源

2017-02-06 20:02:20 Jef

yup注意到......它顯然被排除在我正在關注的教程之外...... – jpmyob

對不起，夥計們，它發生了。你有沒有把你的問題固定好？還是還有別的嗎？ – Jef

是 - 看起來正在工作 - thx – jpmyob

可能是你需要改變<div ui-view ></div>到

<ui-view></ui-view>

你可以發現這裏https://ui-router.github.io/ng1/tutorial/helloworld

來源

2017-02-06 19:55:20 laser

但是，現在我得到一個缺少的角度錯誤 - app.js：1未捕獲的ReferenceError：角度未定義在app.js：1 – jpmyob

@jpmyob這是另一個錯誤。你完全缺少angularjs庫。 – laser

@jpmyob請參閱示例鏈接： – laser

AngularJS ui.router給了我一個空白頁面

回答

相關問題