Angularjs 常用方法

1. isArray使用

效果图如下，结果为true

2.uppercase使用

$scope.name = "zhangsan";
$scope.name = angular.uppercase( $scope.name );

htmle中
zhangsan 转为大写 {{name}}

结果为:zhangsan 转为大写 ZHANGSAN

3. toJson方法

将json转为字符串
var  json = {"name":"hello", "age":"20"};
var jsonstr = angular.toJson(json);
console.log(jsonstr);

打印结果
{"name":"hello","age":"20"}

4. formJson方法
将string转为json

var jsonstr = '{"name":"hello", "age":"20"}';
var json = angular.fromJson(jsonstr);
console.log(json);

打印效果

5. forEach使用

var json = {"name":"hello", "age":"20"};
angular.forEach(json,function(val, key){
console.log(key + " : " + val);
});

效果：

加入第三个参数results

var json = {"name":"hello", "age":"20"};
var results=[];
angular.forEach(json,function(val, key){
this.push(key + " : " + val);
}, results);

console.log(results);

显示结果

7. 模块依赖

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>

    <script type="text/javascript" src="angular.min.js"></script>

    <script type="text/javascript" src="module02.js"></script>

</head>

<body ng-app="myApp">

<div>

    <div ng-controller="firstController">

       {{name}}

    </div>

    <div ng-controller="secondController">

        {{name}}

    </div>

    <div ng-controller="thirdController">

        {{name}}

    </div>

</div>

<script type="text/javascript">

    var app = angular.module("myApp", ['myApp2']);

    app.controller('firstController',['$scope',function($scope){

        $scope.name = "张三";

    }]);

</script>

</body>

</html>

　　

module02.jｓ文件
var app2 = angular.module("myApp2", []);

app2.controller('secondController',function($scope){

    $scope.name='李四';

});

app2.controller('thirdController',function($scope){

    $scope.name='王五';

});

　　显示效果

8. Jquery的使用
<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>

    <script type="text/javascript" src="jquery-1.11.1.js"></script>

    <script type="text/javascript" src="angular.min.js"></script>

    <script type="text/javascript" src="module02.js"></script>

</head>

<body ng-app="myApp">

<div>

    <div ng-controller="firstController">

        <div id="main"></div>

       {{name}}

    </div>

    <div ng-controller="secondController">

        {{name}}

    </div>

    <div ng-controller="thirdController">

        {{name}}

    </div>

</div>

<script type="text/javascript">

    var app = angular.module("myApp", ['myApp2']);

    app.controller('firstController',['$scope',function($scope){

        $scope.name = "张三";

        $('#main').html('<span>hello world</span>');

    }]);

</script>

</body>

</html>

　　显示结果

9 angular.element的使用

 var main = document.getElementById('main');

angular.element(main).html("hello man");

　　



参考　https://www.angular.cn



												


											
Anglarjs 工具方法的更多相关文章
	

    
								
  1. JQuery操作类数组的工具方法
		
    JQuery学习之操作类数组的工具方法 在很多时候,JQuery的$()函数都返回一个类似数据的JQuery对象,例如$('div')将返回div里面的所有div元素包装的JQuery对象.在这中情况 ...
    
		
    2. 
						
  2. jQuery工具方法
		
    目录 常用工具方法 判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件 返回值 JSONP 文件上传 参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本 ...
    
		
    3. 
						
  3. jQuery晦涩的底层工具方法们
		
    这里整理的是jQuery源码中一些比较晦涩难懂的.内部的.最底层的工具方法,它们多为jQuery的上层api方法服务,目前包括: jQuery.access jQuery.access: functi ...
    
		
    4. 
						
  4. angular的工具方法笔记(equals, HashKey)
		
    分别是angular脏值检测的工具方法equals和 类HashKey的使用方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...
    
		
    5. 
						
  5. zepto源码学习-02 工具方法-详细解读
		
    上一篇:地址 先解决上次留下的疑问,开始看到zepto.z[0]这个东西的时候,我很是不爽,看着它都不顺眼,怎么一个zepto的实例对象var test1=$('#items');  test__pr ...
    
		
    6. 
						
  6. jQuery源代码 解析一 工具方法
		
    1. 外层沙箱以及命名空间$ 几乎稍微有点经验前端人员都这么做,为了避免声明了一些全局变量而污染,把代码放在一个"沙箱执行",然后在暴露出命名空间(可以为API,函数,对象): 2 ...
    
		
    7. 
						
  7. Underscore.js  常用类型判断以及一些有用的工具方法
		
    1. 常用类型判断以及一些有用的工具方法 underscore.js 中一些 JavaScript 常用类型检查方法,以及一些工具类的判断方法. 首先我们先来谈一谈数组类型的判断.先贴出我自己封装好的 ...
    
		
    8. 
						
  8. 秒味课堂Angular js笔记------Angular js中的工具方法
		
    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...
    
		
    9. 
						
  9. javascript 的工具方法  --- 类型判断
		
    Javascript中常见类型对象有: Boolean, Number, String, Function, Array, Date, RegExp, Object, Error, Symbol等等. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. arcTo
			
    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    < ...
    
			
    2. 
						
  2. react项目打包后路径找不到，项目打开后页面空白的问题
			
    使用 npm install -g create-react-app快速生成项目脚手架打包后出现资源找不到的路径问题: 解决办法:在package.json设置homepage
    
			
    3. 
						
  3. spring boot 学习番外篇：超快速项目初始化
			
    超快速完成 Spring Boot 项目初始化 最近,在浏览 SPRING 官网时,发现一个超级方便的小工具,可以帮助我们快速创建一个 Spring Boot 项目,前提就是你能连接互联网. 依赖 支 ...
    
			
    4. 
						
  4. httpclient httpclient连接回收
			
    httpclient连接释放 httpClient必须releaseConnection,但不是abort.因为releaseconnection是归还连接到到连接池,而abort是直接抛弃这个连接, ...
    
			
    5. 
						
  5. Hibernate检索学习
			
    Hibernate的检索策略:类级别的检索策略:1对多,多对多的检索策略:多对一,一对一的检索策略 1.类级别的检索策略,可以通过class元素的lazy属性来设置,该设置只对load方法有效果 2. ...
    
			
    6. 
						
  6. DevExpress WPF入门指南：跟随 Items Source 向导完成数据绑定
			
    Items Source Wizard Items Source Configuration Wizard允许在设计时执行数据绑定.跟随这个向导可以自动生成XAML数据绑定代码. 下面就来展示下如何使 ...
    
			
    7. 
						
  7. 2018-2019-2 网络对抗技术 20165202 Exp5 MSF基础应用
			
    博客目录 一.实践目标 二.实践内容 一个主动攻击实践,ms08_067(成功).ms03_026(成功且唯一); 一个针对浏览器的攻击,如ms11_050(成功)ms11_03(失败.唯一)ms10 ...
    
			
    8. 
						
  8. path--diff
			
    vdom--patch(一)我们讲了,整个Vue对象初始化并渲染到页面中的过程. 本篇文章我们主要来谈谈当页面绑定的数据修改后,是如何更新dom结构的, 即vdom的diff算法,网上讲解这部分内容的 ...
    
			
    9. 
						
  9. 冷知识：excel 2013有多少行列
			
    XFD1048576 列:24*26*26+6*26+4=16384 行:2^20=1048576
    
			
    10. 
						
  10. MySQL添加字段和修改字段
			
    MySQL添加字段的方法并不复杂,下面将为您详细介绍MYSQL添加字段和修改字段等操作的实现方法,希望对您学习MySQL添加字段方面会有所帮助. 1添加表字段 alter table table1 a ...
    
			
    11.