码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS框架基本标签

时间:2016-09-05 10:32:50      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

我讲一下基本的标签意思,以及用法:

如果想要学习angularJS的可以参考菜鸟教程:http://www.runoob.com/

 

ng-init="a=‘老牛‘;b=‘大讲堂‘"//初始化变量的名字
ng-model="a"//定义一个变量,引用时直接用{{a}}就行了
ng-app="myApp"//声明名字是myapp模块的作用域。
ng-controller="myCtrl"//声明名字为myCtrl控制器的作用域。
ng-repeat="list in data"//list代表循环的每一项,data是一个数组集合。

 <html>
   <head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="../other/angular.min.js" ></script>
    <script>
      var data=[
        {name:"老牛大讲堂1"},
        {name:"老牛大讲堂2"},
        {name:"老牛大讲堂3"}
       ]
      var app=angular.module("myApp",[]);//声明一个模块myApp,
      app.controller("myCtrl",function($scope){//声明一个控制器myCtrl
         $scope.data=data;//声明一个变量data
      });
    </script>
  </head>
  <body>
    <div ng-app="myApp" ng-controller="myCtrl">//声明myApp模块,和myCtrl控制器的作用域。
      <ul>
       <li ng-repeat="list in data">//list代表:{name:"老牛大讲堂1"},data就是数据集.相当于for循环。
        {{list.name}}
       </li>
      </ul>
    </div>
  </body>
</html>

如图所示:

技术分享

 

 

AngularJS框架基本标签

标签:

原文地址:http://www.cnblogs.com/laonniudajiangtang/p/5841216.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!