2015-11-02 71 views
-2

我是非常新的angularjs和試圖設置新的應用程序,但它始終給我錯誤角度不定義,請讓我知道什麼是正確的方式來啓動角應用程序。如何第一次安裝angularjs應用程序?

的index.html

<!DOCTYPE html> 
<html ng-app="app"> 
<head> 
    <title>First App</title> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css"> 
    <script type="text/javascript" src="bower_components/angular/angular.js"></script> 
    <script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
</head> 
<body> 
     <div ui-view></div> 
    <!-- We'll also add some navigation: --> 

<script type="text/javascript" src="scripts/app.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script> 

</body> 
</html> 

main.html中

<div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Brand</a> 
    </div> 

app.js

+0

我沒有downvote你的問題,別人做了 - 但我認爲人們會更喜歡它,如果你在問題的頂部更顯眼地添加錯誤信息的全文。把它放在它自己的段落中,如果可以的話,提供完整可用的文本和堆棧跟蹤。在我看來,你的問題無論如何都得到了答案,但是堆棧溢出社區也喜歡將問題看起來很好,並且對於將來有相同問題的任何其他人都很容易閱讀。 –

回答

3

你把

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script> 

下面app.js

你必須把它前app.js

喜歡這個

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script> 
<script type="text/javascript" src="scripts/app.js"></script> 

您使用的角度庫文件兩次

可使用此

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

或本

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
相關問題