我的html文件的Angular JS部分无法正常工作

时间:2014-04-02 17:31:38

标签: angularjs angular-ui

我是棱角分明的新手。我使用一些基本的角度元素写了一个小的html文件,但浏览器没有呈现所有角度部分。我的档案是          

<head>
<!-- adding  script files -->
    <script src="lib/angular.js"></script>
    <script src="lib/angular-resource.min.js"></script>
    <script src="lib/angular-route.js"></script>
    <script src="lib/angular-route.min.js"></script>
    <script src="lib/angular.min.js"></script>
    <script src="js/app.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- adding  css files -->
    <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap     combined.min.css" rel="stylesheet">

    </head>
    <body>
       <div class="container" ng-controller="CarouselCtrl">
            <div class="offsetspan6">
                 <carousel interval="myInterval">
                      <slide ng-repeat="slide in slides" active="slide.active">
                            <img class="image-circle" ng-src="{{slide.image}}"      style="margin:auto;"/>
                     <div class="carousel-caption">
                         <h4>Slide {{$index}}</h4>
                         <p>{{slide.text}}</p>
                   </div>
                   </slide>
            </carousel>
      </div>
    </div> 
  </div>
 </body>

</html>

我将所有必需的文件放在lib目录中。请帮忙!

1 个答案:

答案 0 :(得分:2)

应使用ng-app初始化您的应用。

<html ng-app>
.....
</html>