AngularJs基础一

 最近感觉自己前端实在是不足,还停留在大学html+css+javascritp阶段,实在是汗颜呀。

 所以赶紧利用些空余时间来补补短,一博客形式来记录学习到的知识点。


 #angular的基本属性

 1、ng-app 指令定义了一个AngularJS应用程序----让html支持angular
 2、ng-model 指令把元素值(比如域的值)绑定到应用程序   ------用于绑定模型变量
 3、ng-bind 指令把应用程序数据绑定到HTML视图  ---进行数据绑定
 4、ng-init 指令初始化 AngularJS 应用程序变量  ----主要用于初始化模型数据
    <div ng-app="" ng-init="name='test'">
       <p>姓名为<span ng-bind="name"></span></p>
    </div>
 5、ng-controller 控制器属性是一个javascript对象,会接受一个$scope参数作为引用
 6、ng-repeat  用于循环数组,格式:ng-repeat="subject in student.subjects"
  @绑定应用程序数据属性
 7、ng-disabled  禁用给定的控制(可用于空验证)
 8、ng-show  显示一个给定的控制(可用于空验证)
 9、ng-hide  隐藏一个给定的控制(可用于空验证)
 10、ng-click   给angular一个click事件
 11、其他angular事件:
    ng-dbl-click
    ng-mousedown
    ng-mouseup
    ng-mouseenter
    ng-mouseleave
    ng-mousemove
    ng-mouseover
    ng-keydown
    ng-keyup
    ng-keypress
    ng-change
   @绑定数据
 12、ng-include 往html中添加html代码,以外部文件的形式引入。
     @通过Ajax回调数据:通过$http参数返回json数据
      function objectController($scope,$http) {
         var url="data.txt";
         $http.get(url).success(function(response) {
               $scope.students = response; 
          });
      }
   @angular视图
 13、ng-view 简单的创建一个占位符
 14、ng-template  //用于创建使用脚本标记的视图,它包含一个“id”属性用于由 $routeProvider 映射带有控制器的视图。
    <script type="text/ng-template" id="ademo.htm">
         {{message}}
    </script>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值