- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有人可以帮助我理解为什么 Lodash 在使用 findWhere 获取对象时会进行引用复制,这使我能够将整个变量绑定(bind)到范围并根据用户操作动态更改它。但是使用复制运算符完成相同的操作无法更新源对象。我已经拿出了一个笨蛋 http://plnkr.co/edit/Phy5xQnGBYsBnenMQHOd?p=preview
HTML 代码:
<html ng-app="angularjs-starter">
<head lang="en">
<meta charset="utf-8" />
<title>Custom Plunker for service response data binding</title>
<script data-require="lodash.js@2.4.1" data-semver="2.4.1" src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<input type="text" data-ng-model="inputModel" />
<input type="text" data-ng-model="inputModel2.desc" />
<button data-ng-click="btnClick()">Click me and check console</button>
</body>
</html>
JS 代码:
var app = angular.module('angularjs-starter', []);
app.controller('MainCtrl', function($scope,$http) {
var someServiceResponse = [{"code":"1","desc":"apple"},{"code":"2","desc":"orange"}];
$scope.inputModel = someServiceResponse[0].desc;
$scope.inputModel2 = _.findWhere(someServiceResponse,{'code':'2'});
$scope.btnClick = function(){
console.log($scope.inputModel);//Outputs the changed value in the text box1
console.log($scope.inputModel2.desc);//Outputs the changed value in the text box2
console.log(someServiceResponse[0].desc); // Still shows the old value from the service response - always shows apple
console.log(someServiceResponse[1].desc); // shows updated value from second text box
};
});
最佳答案
背景:
Service 有一个变量对象 Object1,Object1 有一个变量 String2,它是对字符串的引用。
Object1 将 a 指向内存位置 1,变量 String2 指向包含该字符串的内存位置 2。
Object = {}
Object1.String2 = ""
Object1 -> 1
Object1.String2 -> 2
情况1:
Controller 有一个变量 String3,该变量设置为从服务请求的 Object1.String2。
String3 现在指向包含该字符串的内存地址 2。
当新数据来自 View 时, Controller 会更改 String3 值。 String3 现在指向内存位置 3。Object1 变量 String2 仍然指向 2,因为我们没有修改 Object1 变量,我们修改了变量 String3。
String3 = Object1.String2
String3 -> 2
Object1 -> 1
Object1.String2 -> 2
String3 = "changed"
String3 -> 3
Object1 -> 1
Object1.String2 -> 2
情况2:
Controller 有一个变量Object2,该变量被设置为从服务请求的Object1。
Object2 现在指向包含该对象的内存地址 1。
当新数据来自 View 时, Controller 会更改 Object2.String2 值。 Object2.String2 现在指向内存位置 3。Object2 引用了 Object1,因此 Object1.String2 实际上被修改为指向内存位置 3。由于服务引用了 Object1,因此实际上“更新为服务”。
Object2 = Object1
Object2 -> 1
Object1 -> 1
Object1.String2 -> 2
Object2.String2 = "changed"
Object2 -> 1
Object1 -> 1
Object1.String2 -> 3
关于javascript - 了解 Lodash - JavaScript 中的 findwhere 和复制运算符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26641011/
Or 运算符 对两个表达式进行逻辑“或”运算。 result = expression1 Or expression2 参数 result 任意数值变量。 expression1 任意
Not 运算符 对表达式执行逻辑非运算。 result = Not expression 参数 result 任意数值变量。 expression 任意表达式。 说明 下表显示如何
Is 运算符 比较两个对象引用变量。 result = object1 Is object2 参数 result 任意数值变量。 object1 任意对象名。 object2 任意
\ 运算符 两个数相除并返回以整数形式表示的结果。 result = number1\number2 参数 result 任意数值变量。 number1 任意数值表达式。 numbe
And 运算符 对两个表达式进行逻辑“与”运算。 result = expression1 And expression2 参数 result 任意数值变量。 expression1
运算符(+) 计算两个数之和。 result = expression1 + expression2 参数 result 任意数值变量。 expression1 任意表达式。 exp
我对此感到困惑snippet : var n1 = 5-"4"; var n2 = 5+"4"; alert(n1); alert(n2); 我知道 n1 是 1。那是因为减号运算符会将字符串“4”转
我想我会得到 12,而不是 7。 w++,那么w就是4,也就是100,而w++, w 将是 8,1000;所以 w++|z++ 将是 100|1000 = 1100 将是 12。 我怎么了? int
Xor 运算符 对两个表达式进行逻辑“异或”运算。 result = expression1 Xor expression2 参数 result 任意数值变量。 expression1
Mod 运算符 两个数值相除并返回其余数。 result = number1 Mod number2 参数 result 任意数值变量。 number1 任意数值表达式。 numbe
Imp 运算符 对两个表达式进行逻辑蕴涵运算。 result = expression1 Imp expression2 参数 result 任意数值变量。 expression1 任
Eqv 运算符 执行两个表达式的逻辑等价运算。 result = expression1 Eqv expression2 参数 result 任意数值变量。 expression1 任
我有一个运算符重载的简单数学 vector 类。我想为我的运算符(operator)获取一些计时结果。我可以通过计时以下代码轻松计时我的 +=、-=、*= 和/=: Vector sum; for(s
我是用户定义比较运算符的新手。我正在读一本书,其中提到了以下示例: struct P { int x, y; bool operator、运算符<等),我们
在 SQL 的维基百科页面上,有一些关于 SQL 中 bool 逻辑的真值表。 [1] 维基百科页面似乎来源于 SQL:2003 标准。 等号运算符 (=) 的真值表与 SQL:2003 草案中的 I
我遇到了一个奇怪的 C++ 运算符。 http://www.terralib.org/html/v410/classoracle_1_1occi_1_1_number.html#a0f2780081f
我正在阅读关于 SO 和 answers 中的一个问题,它被提到为: If no unambiguous matching deallocation function can be found, pr
我偶然发现了这个解决方案,但我无法理解其中到底发生了什么。谁能解释一下! 据我了解,它试图通过计算一半的单元格然后将其加倍来计算 a*b 网格中的单元格数量。但是我无法理解递归调用。 请不要建议其他解
Go的基本类型 布尔类型bool 长度:1字节 取值:布尔类型的取值只能是true或者false,不能用数字来表示 整型 通用整型 int / uint(有符号 / 无符号,下面也类似) 长度:根据运
在本教程中,您将学习JavaScript中可用的不同运算符,以及在示例的帮助下如何使用它们。 什么是运算符? 在JavaScript中,运算符是一种特殊符号,用于对运算数(值和变量)执行操作。例如,
我是一名优秀的程序员,十分优秀!