博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs学习笔记-第二章-函数
阅读量:6236 次
发布时间:2019-06-22

本文共 2567 字,大约阅读时间需要 8 分钟。

1.angular.copy

angular.copy(source, [destination]);

  • If no destination is supplied, a copy of the object or array is created.如果目标对象没有提供,就会创建对象或者是数组的复制份
  • If a destination is provided, all of its elements (for arrays) or properties (for objects) are deleted and then all elements/properties from the source are copied to it.
  • If source is not an object or array (inc. null and undefined), source is returned.
  • If source is identical to 'destination' an exception will be thrown.
    
angular-copy demo
姓名:
邮件:
性别:
male
female
form = {
{user | json}}
master = {
{master | json}}
jsvar APP = angular.module('app', []) APP.controller('ctrl', ['$scope', function($scope) { //angular.copy(source, [destination]); //1,If no destination is supplied, a copy of the object or array is created.如果目标对象没有提供,就会创建对象或者是数组的复制份 //2,If a destination is provided, all of its elements (for arrays) or properties (for objects) are deleted and then all elements/properties from the source are copied to it. //3,If source is not an object or array (inc. null and undefined), source is returned. //4,If source is identical to 'destination' an exception will be thrown. $scope.master= {}; $scope.update = function(user) { // Example with 1 argument $scope.master= angular.copy(user);//没有提供destination,就会创建,并且赋值给master }; $scope.reset = function() { // Example with 2 arguments angular.copy($scope.master, $scope.user);//destination提供了,删除原有的元素,然后从原数据源中copy所有的数据 }; $scope.reset(); }]);

页面显示效果:

function
2,$watch函数
使用$watch函数监控数据模型的变化,当你的数据模型的某一部分发生变化的时候,$watch函数可以向你发出通知,你可以监控每一个对象的属性,也可以监控需要经过计算的结果(函数),实际上只要能够被当作属性访问到,或者可以被当作js函数计算出来,就可以被$watch函数监控:
$watch(watchFn,watchAction,deepWatch)
watchFn:该参数是一个带有angular表达式或者函数的字符串,它会返回被监控数据模型的当前值。
watchAction:这是一个函数或者表达式,当watchFn发生变化时会被调用。
deepWatch:如果设置为true,这个可选的布尔型参数将会命令angular去检查被监控对象的每一个属性是否发生变化。
$watch函数会返回一个函数,当你不再需要接受变更通知时,可以利用这个返回的函数注销监听器.
如果我们需要监听一个属性,然后接着注销监控,我们可以使用如下代码:
var item = $scope.$watch('module.property',callbackonchange());

      购物车(2)    
{
{item.title}}
{
{item.price | currency}}
{
{item.price * item.quantity | currency}}
总消费: {
{totalCart() | currency}}
打折: {
{bill.discount | currency}}
打折后消费: {
{subtotal() | currency}}

转载地址:http://bdkia.baihongyu.com/

你可能感兴趣的文章
ubuntu17 设置python3为默认及一些库的安装
查看>>
十步完全理解SQL(转)
查看>>
Hibernate4.3.9Final常见问题汇总
查看>>
程序员学习网站:
查看>>
【Coursera课程笔记】Web智能和大数据Week3_MapReduce
查看>>
StringSequences
查看>>
Android渲染器Shader:环状放射渐变渲染器RadialGradient(三)
查看>>
java语言基础
查看>>
Linq:int类型使用Contains方法
查看>>
欧拉角与万向节死锁
查看>>
SQL Server的三种分页方式
查看>>
OAuth2.0和企业内部统一登录,token验证方式,OAuth2.0的 Authorization code grant 和 Implicit grant区别...
查看>>
Python学习手册之Python介绍、基本语法(一)
查看>>
团队Alpha版本冲刺(四)
查看>>
【350】机器学习中的线性代数之矩阵求导
查看>>
第一次遇到刷新缓冲区延时
查看>>
摄像头的管理(camera) ---- HTML5+
查看>>
HDU 5294 Tricks Device(多校2015 最大流+最短路啊)
查看>>
bmh算法
查看>>
Maven仓库的布局
查看>>