angularjs对象转换成字符串后怎么取值?

如题所述

  把字符串转化成json数据,json数据的遍历。

  <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>作用域</title>
<script src="js/angular.min.js"></script>
<style type="text/css">

</style>
</head>

<body ng-app="my-frist-app">
<div ng-controller="fristController" >

</div>
<script type="text/javascript">

var myApp = angular.module('my-frist-app',[])

myApp.controller('fristController',function($scope,$rootScope){

// 对象才用copy,基本数据类型不用。
var obj3 = {name:'zhangsan'};
var obj4 = {name:'lisi'};
angular.copy(obj3,obj4);
console.log(obj3);
console.log(obj4);

// 继承 obj5继承了obj6(所有的属性和方法) copy是前者给了后者。
var obj5 = {name:'zhangsan'};
var obj6 = {age:'40'};
angular.extend(obj5,obj6);
console.log(obj5);
console.log(obj6);

// 可以遍历数组和对象。 遍历 1 遍历的对象 2 遍历的方法 3遍历的上下文环境(一般不用)
var json = {name:"zhangsan",age:40};

angular.forEach(json,function( val,key){
console.log(key);
console.log(val)
});

// 绑定对象
var obj7 = {name:'lisi'};
var fun = angular.bind(obj7,function(){
console.log(this.name);
})
fun();

// 字符串和对象的转化
//JSON.parse(); js 方法
var jsonStr = '{"name":"李四"}';
console.log(angular.fromJson(jsonStr));

// 对象转字符串
//JSON.stringify() js方法
console.log(angular.toJson(obj7));

});
</script>
</body>

</html>
温馨提示:内容为网友见解,仅供参考
无其他回答

为什么AngularJS货币过滤器格式负数用括号
它的参数是可选的,用来控制小数点后的截取位数如果传入的是一个非数字字符,会返回空字符串可以这样使用:{{3600|number:2}}返回结果为:3,600.00onlinecode点击预览lowercaselowercase将字符串转换为小写可以这样使用:{{"HEllo"|lowercase}}返回结果为:helloonlinecode点击预览uppercaseupper...

js判断对象值是否为空?
js判断值是否为空1、if(对象==null)这是高级语言比较的方式,如果js的话,需要使用typeof的方式比较undefined的形式进行判断是否为空。2、上面的意思是说如果variable1不是一个空对象,或者未定义,或者不等于空字符串,那么声明一个variable2变量,将variable1赋给variable2。3、判断是否为空,可以直接...

angularjs 判断字符串是否是数字格式
格式化字符串为大写。1.表达式中添加过滤器 过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。.uppercase 过滤器将字符串格式化为大写:AngularJS 实例 姓名为 {{ lastName | uppercase }} 2.lowercase 过滤器将字符串格式化为小写:AngularJS 实例 姓名为 {{ lastName | lowercase ...

angularjs中ng-class和class到底有什么区别,怎么用ng-class
class是html元素节点自带的属性,ng-class是angularJS里面特有的属性,其值可以是个class字符串,也可以是个变量,还可以是个表达式,最终会被解析成正常的class值。例如:ng-class= "'color1'"\/*字符串为color1,最终被angular解析成class="color1"*\/ ng-class= "{color1:o > 20,color2:o > 0...

angularJS 里的$watch的用法
需要被检测的对象,可以是以下任意一种:1.某个数据,监测这个数据的值是否发生变化;2.一条angular表达式,监测表达式的结果是否发生变化;3.函数(),监测函数的返回值是否发生变化;注意:以上都是字符串格式,并且都是在 $scope 作用域下执行的。监听到变化时执行的函数。1.newValue: watchObj的新的值;...

AngularJS 为什么成功了?
而 EmberJS, 一开始就是 Rails 在前端的实现, 当然很多概念不适用, 并且有些特性又不够, 而现在, 也是补了许多该有的特性, 比如正在开发中的 HTMLBars, View 层无法理解 DOM( HandleBars 只能理解字符串 )是一个硬伤, 这让 AngularJS 优势太明显了: 哲学概念单一, 便于理解. 而 EmberJS, 更像...

为什么使用AngularJS 指令
指令会检索从父级scope中传递而来字符串中的值。指令可以使用该值但无法修改,是最常用的变量。 amount: "=" (引用,双向绑定) "="符号表示变量是引用传递。指令检索主Scope中的引用取值。值可以是任意类型的,包括复合对象和数组。指令可以更改父级Scope中的值,所以当指令需要修改父级Scope中的值时我们就需要使用...

AngularJS 为什么如此火
我在示例controller中很容易了解到如何添加function到$scope。示例中function将修改$scope.message为“hello ,”和从input输入的$scope.user.name的字符串连接。然后在HTML中创建一个附加了angular ng-click 指令的button。ng-click指令是的button在被点击时会执行我们为其赋值的greet()表达式。注意:在input...

angularjs filter怎么显示数字和颜色
一,内置的过滤器 1,uppercase,lowercase大小转换 ?1 2 {{ "lower cap string" | uppercase }} \/\/结果:LOWER CAP STRING {{ "TANK is GOOD" | lowercase }} \/\/结果:tank is good |这里的竖线是一种管道功能,如果对linux比较熟悉的话,这块的|根linux的管道功能,基本是一样的...

angularjs为什么当前页面做任何操作filter都会执行?
4. json(格式化json对象)json过滤器可以把一个js对象格式化为json字符串,没有参数。这东西有什么用呢,我一般也不会在页面上输出一个json串啊,官网说它可以用来进行调试,嗯,是个不错的选择。或者,也可以用在js中使用,作用就和熟悉的JSON.stringify()一样。用法超级简单:{{ jsonTest | json}...

相似回答