ITPub博客

首页 > IT职业 > IT职场 > AngularJs学习小计。。。。。

AngularJs学习小计。。。。。

IT职场 作者:dzone 时间:2021-09-09 09:02:49 0 删除 编辑

就我使用过的angularJS做个说明:

A、流程

                                                                                |-->controller($scope)           

url-->启动app.js[入口]-->路由[可以作为前端控制器]|-->分支[模板HTML]-->浏览器

B、细节使用说明:

1、ng-style 多个属性--值对,html页面中可以引用$scope绑定的数据

2、ng-class 多个className--True? 展示为true的class

 

3、ng-if

1
2
3

4、过滤器

{{currentDate | date:'yyyy年MM月dd日'}} 自带过滤器 前面是过滤器名后面是参数

{{item.actionTime | bbitStatus}} 自定义过滤器 怎么写的可以baidu的到

5、ng-change 实现分页

                //将size绑定到 scope中

controller中:

    $scope.sizeList=[

                        {value:10},

                        {value:20},

                        {value:50},

                        {value:100},

                        {value:150}

                        ];

触发切换条数的函数: //ajax

    $scope.changeSize=function(size)

        {

            $http.get("BigDataResourceData/"+size.value).success(function(data,status,headers,config){

                $scope.BigDataResourceDataList=data.list;

                $scope.allPages=data.allPages;

                $scope.currentPage=1;

            });

        };

模块名.filter('filterName',function(){})

还有其他接触过一些路由、ui-view、结合requireJS、fullpage技术之类的(高手写的),而且我也不太懂。这里

我也不做说明。。。。

5、另外这是很棒的一本学习指导书

http://wenku.baidu.com/view/6a3eca77cfc789eb172dc899.html

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3703/viewspace-2798906/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    76
  • 访问量
    534