AngularJS常用知识汇总

举报
SHQ5785 发表于 2023/05/05 10:41:02 2023/05/05
【摘要】 注:请点击此处进行充电!app.controller('editCtrl',['$http','$location','$rootScope','$scope','$state','$stateParams',])function($http, $location, $rootScope, $scope, $state, $stateParams){ // 上边声明添加显示的依赖注入,...


app.controller('editCtrl',['$http','$location','$rootScope','$scope','$state','$stateParams',])

function($http, $location, $rootScope, $scope, $state, $stateParams){

    // 上边声明添加显示的依赖注入,是为了防止,压缩(如UglifyJS)时改变function里的参数名,造成功能引用失败。推荐r.js压缩

    // do something...

}

获取路由的参数

$stateParams.id // #/camnpr/editCtrl?id=1

跳转路由状态

$state.go('camnpr.appManager'); // 跳转后的URL: #/camnpr/appManager

$location.path('camnpr/appManager'); // 功能也是跳转

ui-router扩展的跳转方式

<a ui-sref="camnpr.appManager">跳转</a> // 需要angular-ui-router

在ng-repeat里显示序号: $index // 这个是从0计数的。

get请求

$http({

    method: 'get',

    url: 'http://camnpr.com/getAPI/',

    params:{id: 1},

    headers: {'x-camnpr-uid': '1000'}//可以加入任意的头信息

 });

post请求

$http({

    method: 'post',

    url: 'http://camnpr.com/postAPI/',

    data:'id=1&referrer=camnpr.com', // 这里是字符串,格式请注意,同时我们可以使用  $.param({id:1, referrer: 'camnpr.com'})来获取等价的形式。

    // Form Data获取方式 Request.Form['id'] 。

     //这是加'Content-Type': 'application/x-www-form-urlencoded',的功劳。

     // 若不加'Content-Type',则:Request Payload:id=1&referrer=camnpr.com

     // data: {id: 1, referrer: 'camnpr.com'}, // 是对象,那么 Form Data的数据是: {"id":1,"referrer":"camnpr.com"}:

    headers: {'Content-Type': 'application/x-www-form-urlencoded', 'x-camnpr-uid': '1000'}

 });

根据selector获取元素

angular.element('.is_select') // [<input type="checkbox" value="1" class="is_select">]

循环获取并操作

angular.forEach(document.getElementsByClassName('is_select'), function(item, index){

    if(item.checked){

        ids+=item.value+',';

    }

});

ng-click里带当前的a,button等的事件

<button ng-click="camnpr.submitAdd($event)" class="btn btn-primary ladda-button" data-style="zoom-in"><span class="ladda-label">提交</span></button> // $event.target.currentTarget

开发工作中常用到的,未完待续...

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。