边玩边学边学边忘之AngularJs

Angular内置指令:

         1-添加管理边界:ng-app

         2-用于input:ng-model(注意:这里是适合绑定动态的数据)

         3-初始化数据:ng-init

         4-数据绑定、可存放一个变量:{{}} 、ng-bind

总结:ng-bind和{{}}区别

         ng-bind在angularjs没有加载的时候不显示

         {{}}在angularjs没加载之前会显示{{}}

         5-重复渲染:ng-repeat

         track by $index给每个重复的元素添加下标 确保他的唯一性

         6-ng-if和ng-show的区别:

         如果为false ng-if将不会渲染

         ng-show先渲染在判断是否显示与隐藏

angular事件:

         ng-click:

angular内置服务:

  

var app =angular.module("app",[]);//先依赖注入一个模块
app.controller("MainCtrl",["$scope","http",function($scope,$http){
        $http({
               method:"get",
               url:".........."
}).success(function(data){
               console.log(data);
})
}])

//以上这段请求就是传说中原生ajax那种请求

 

 先看个栗子(一个大神讲给我的 很重要哦):

     

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
<body ng-app="b" ng-controller="myCtrl">
    <div></div>
    <script>

        //a模块
        var a = angular.module('a', []);
        a.service('jsq', function() {
            this.add=function (x,y) {
                return x+y;
            }
        });


        //b模块
        var b = angular.module('b', []);
        b.controller('myCtrl', function($scope) {
            var res=xxxx(2,3);//我想用a模块中jsq服务中的add方法,怎么办
            alert(res)
        });
    </script>
</body>
</html>
//其实注入方法很简单 单独写个控制器先模块注入,再组件注入搞定

         噗哈哈先总结到这里下一期继续写个分割线更文

猜你喜欢

转载自www.cnblogs.com/yuanguliang/p/9183978.html