AngularJS进阶(十二)AngularJS常用知识汇总(不断更新中

最新推荐文章于 2024-09-13 10:46:15 发布

2401_84447149

最新推荐文章于 2024-09-13 10:46:15 发布

阅读量141

点赞数 3

分类专栏：程序员文章标签： angular.js 前端 javascript

本文链接：https://blog.csdn.net/2401_84447149/article/details/138264499

版权

程序员专栏收录该内容

155 篇文章 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+',';


### 基础面试题

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

> 主要内容包括：**HTML，CSS，JavaScript，浏览器，性能优化等等**

/bbs.csdn.net/topics/618166371)**

> 主要内容包括：**HTML，CSS，JavaScript，浏览器，性能优化等等**

![](https://img-blog.csdnimg.cn/img_convert/02cb37c48b50131fd59a59f603a42bed.webp?x-oss-process=image/format,png)