为什么ngModel在传递新对象时会导致无限循环，而Input不会呢？
ngModel在传递新对象时会导致无限循环，而Input不会的原因是因为它们在Angular中的工作方式不同。
ngModel是Angular中的一个双向数据绑定指令，用于将表单控件的值与组件中的属性进行双向绑定。当使用ngModel绑定一个对象时，Angular会对对象进行深度比较，以确定对象是否发生了变化。如果对象发生了变化，Angular会触发变更检测机制，导致组件重新渲染。而在重新渲染时，ngModel又会重新绑定新的对象，从而形成了无限循环。
Input是Angular中的一个单向数据绑定指令，用于将组件中的属性值传递给子组件或模板中的表单控件。当使用Input绑定一个对象时，Angular只会进行浅比较，即只比较对象的引用是否发生了变化，而不会比较对象的属性值是否发生了变化。因此，当传递新对象时，对象的引用发生了变化，但属性值没有发生变化，所以不会触发重新渲染，也就不会导致无限循环。
总结起来，ngModel在传递新对象时会导致无限循环，是因为它进行了深度比较，而Input不会导致无限循环，是因为它进行了浅比较。为了避免ngModel导致的无限循环，可以使用ChangeDetectionStrategy.OnPush策略，或者使用Immutable对象来确保对象的引用不会发生变化。
相关·内容
好吧，我很难找出是什么导致了这个错误。我认为这可能是由于我在routeOrderValidator指令中有一块手表，但我看不出我在哪里修改手表值。:(
这是我的，错误可以通过在路由顺序字段中输入John 审阅者的"3“来再现。
这是我的指令代码：
(function () {
'use strict';
angular
.module('app')
.directive('routeOrderValidator', routeOrderValidator);
routeOrderVali
浏览 2提问于2015-06-24得票数 1
回答已采纳
5回答
可能重复：
我正在读C++课堂上的讲稿。在注释中，他们说类的复制构造函数签名是
MyClass(MyClass及其他)
和
MyClass(MyClass其他)
不起作用。为什么会这样呢？
谢谢!
浏览 3提问于2012-01-06得票数 2
回答已采纳
我有一个指令，禁止将某些值输入到输入中。比如这个..。
<input type="number" name="testValue" ng-model="testValue"
block="[0, 10, 17]" />
..。如果用户输入0、10或17，则会出现验证错误。
这很好，但是现在我需要根据控制器中的变量有条件地设置被阻塞的值，所以我尝试使用三元设置值，如……
<input type="number" name="testValue" ng-model="
浏览 4提问于2017-04-05得票数 3
回答已采纳
我正在尝试构建一个新的组件，它在模板中使用两个材料设计组件。我的想法是我将有一个新的组件，在从md-select中选择一个项目时，将该项添加到md-芯片列表中，然后清除选择并允许您向md-芯片列表中添加其他项目。
组件应该接受一个optionsList，它是一个对象数组，如：
[{ viewValue: "Eve",value:"E" }, { viewValue: "Bob", value:"B" }, { viewValue: "Alice", value:"A" }]
组件和模板如下所示。
浏览 1提问于2017-09-22得票数 0
回答已采纳
1回答
#include <stdio.h>
#include <stdlib.h>
#define TRUE 1
#define FALSE 0
void recursion (int a) {
if (a != 0) {
recursion(--a); //works
recursion(a--); //does not work
printf("%d\n", a);
}
}
int main (int argc, char *argv[]) {
printf("sta
浏览 0提问于2017-10-16得票数 0
为什么当我输入一个非数字的令牌时会有一个无限循环？
public class ExceptionHandling {
static int i;
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
// TODO code application logic here
boolean b=true;
Scanner in=new Scanner(System.in);
浏览 1提问于2015-05-10得票数 1
有一些指令可以在组中取消选中以前选中的无线电：
(function (angular, $) {
'use strict';
var radioGroupDirective = function () {
return {
restrict: 'EA',
require: 'ngModel',
link: function($scope, $element, $attrs, ngModelController) {
浏览 1提问于2015-04-02得票数 1
1回答
你好，我正在用实现编辑就地功能。
我需要能够添加一个指令到输入字段，当我想编辑一个值时，输入字段会动态弹出。
在本例中，它是角xeditable的简单文本字段，我想将该指令添加到其中。
这是我的指示：
app.directive('limitInt', function () {
return {
restrict: 'A',
require: '?ngModel',
link: function (scope, element, attrs, ngModel) {
if (!ngModel) retu
浏览 3提问于2015-06-30得票数 2
回答已采纳
我有像这样的<ion-input type="file" accept=".pdf,.doc,.docx" [(ngModel)]="data.files"></ion-input>代码
我在ios上试过，它的工作可以选择文件，但为什么不能在android上工作呢？在android上没有错误，只是当我点击按钮时，视图有时会向下滚动，并在向下滚动之前返回到以前的视图
浏览 3提问于2018-08-01得票数 0
当我在组件中定义了Cannot read property 'UserName' of undefined错误时，为什么还要继续使用它呢？在html代码中使用“elvis运算符”并不能奏效。请看我的代码，我从哪里得到这个错误：
user.model.ts
export class User {
UserName: string;
Password: string;
Email: string;
FirstName: string;
LastName: string;
}
sign-up.component.ts
export class
浏览 0提问于2018-04-16得票数 0
回答已采纳
我使用ngModel指令设计了一个附加到元素的指令。如果模型的值与某项匹配，则应将该值设置为先前的值。在我的示例中，我正在查找"foo"，并将其设置回以前的值(如果这是输入的值)。
我的单元测试在这一点上通过得很好，因为它们只查看模型值。然而在实践中，当"put back“触发时，DOM不会更新。我们最好的猜测是，将旧的==设置为新的可以防止脏检查的发生。我遍历了$setViewValue方法，它似乎在做它应该做的事情。但是，它不会更新DOM (以及您在浏览器中看到的内容)，直到我在设置新值之后显式调用ngModel.$render()。它工作得很好，但我只是想看看有没
浏览 0提问于2013-10-04得票数 22
回答已采纳
我是角JS.My的新手，首先问如何理解角JS中来自控制台的错误消息。我已经为匹配密码编写了这段代码片段。它在控制台上抛出错误，但它使用有线的fine.Its。我无法从这些控制台消息中了解任何东西。有人能告诉我为什么我在控制台上收到错误信息吗？
var sampleApp = angular.module("sampleApp",[]);
sampleApp.controller('sampleCtrl', ['$scope', function($scope){
}]);
sampleApp.directi
浏览 0提问于2014-10-01得票数 2
当我们在render方法中使用setState时，为什么这段代码没有给出超出的最大更新深度。
class Test extends Component {
state = {
name: ""
};
handleChange = e => {
this.setState({
name: e.target.value
});
};
render() {
return (
<div>
<input type="text" name="na
浏览 11提问于2019-08-12得票数 0
回答已采纳
我在我的表单中使用了一个字段，我想用默认值初始化它。
在“标准”形式中，我可以使用formControlName或ngModel，它工作得很好：
<!-- formControlName -->
<input ngbDatepicker #d="ngbDatepicker" formControlName="dateFieldName">
<!-- ngModel -->
<input ngbDatepicker #d="ngbDatepicker" [(ngModel)]="myDateProp
浏览 1提问于2017-02-17得票数 1
回答已采纳
关于数据绑定，可以实现它(属性和事件绑定)，其中$event表示下面输入的值
<input [ngModel]="username" (ngModelChange)="change($event)">
但是下面的是什么意思呢？
<input [(ngModel)]="username" (ngModelChange)="change($event)">
为什么我问这个问题是因为我需要为类型为number的输入元素设置最大字符长度。请参阅此柱塞
要点是，如果我像下面这样从ngModel中删除括号，仍然可以输入
浏览 1提问于2017-04-17得票数 1
1回答
我正在寻找一种将我的number属性绑定到时间输入的方法。我之所以这样做，是因为我的模型属性只能是type number。我想使用绑定将时间值转换为秒。我试过这段代码：
<input type="time" step="1" [ngModel]="value.value | timeToNumber" (ngModelChange)="value.value = $event">
我的timeToNumber管道将字符串"HH:mm:ss“转换为秒。但是它不能工作，因为输入不能接受数字类型。我怎样才能做到这一点
浏览 0提问于2016-11-05得票数 1
2回答
一些关于此的答案提到，如果没有正确同步，HashMap中的get方法可能会陷入无限循环(例如或) (通常底线是“不要在多线程环境中使用HashMap，请使用ConcurrentHashMap")。
虽然我可以很容易地理解为什么并发调用HashMap.put(Object)方法会导致无限循环，但我不太明白为什么get(Object)方法在试图读取当时正在调整大小的HashMap时会卡住。我看了一下，它包含一个循环，但是退出条件e != null迟早会得到满足。它怎么可能永远循环呢？明确提到的易受此问题攻击的一段代码是：
public class MyCache {
private
浏览 129提问于2016-02-21得票数 27
3回答
据我所知，当循环的条件段没有终止条件时，这个循环被称为无限循环。
例如,
while True:
text = input("Enter something (q to quit) # ")
print(text)
if text=="q":
break
或，如果循环从未停止，则称为无限循环。
例如,
i = 0
while i == 0:
text = input("Enter something (q to quit) # ")
print(text)
我说对了吗？
浏览 6提问于2020-10-04得票数 0
回答已采纳
我一直在处理这个项目，我已经设置了这个数组，并填充了以下内容：
var myArray = {};
myArray[idNumber] = parentIdNumber;
每个成员只能有一个或没有父成员，以0表示。我的价值高达70个。
我正在接收一个值input，需要检查数组的每个成员是否都在input的“家族行”中。
因此，我遍历myArray并调用isInFamilyLine(currentObject, 37)，其中currentObject在1-70范围内：
function isInFamilyLine(idNumber, input) {
if (idNumber== in
浏览 6提问于2014-07-22得票数 0
回答已采纳
4回答
我是用C#写的：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
namespace Object
{
class Program
{
int hp;
Program mob1 = new Program();
Program player = new Program();
static void Main(string[] args)
{
Progr
浏览 7提问于2013-11-04得票数 0
回答已采纳
为什么在添加ngModel时value属性不起作用。我现在知道input值是绑定到ngModel的值，但是它的value属性会发生什么呢？或者换一种说法，为什么input的值是20 (绑定到ngModel)而不是10 (赋值给value属性) <input type="text" id="details"
[ngModel]="'20'"
value="10">
浏览 34提问于2020-12-18得票数 0
编辑：
好的，我更新了示例以避免循环问题，所以回到原来的问题，它将重新计算B模型对象。
在本例中：
<div ng-app>
<div ng-controller="A"><input ng-model="m">
{{a()}}
</div>
<div ng-controller="B"><input ng-model="m">
{{b()}}
</div>
</div>
浏览 4提问于2013-09-09得票数 3
1回答
我有一个场景，如果单击单选按钮5输入文本框，当我单击单选按钮发送服务请求时，就会出现initially.But，并且根据响应，我需要隐藏一些不需要的文本框。
Ex :
<input id="1" [(ngModel)]="name"></input>
<input id="2" [(ngModel)]="dob"></input>
<input id="3" [(ngModel)]="city"></input>
<inp
浏览 0提问于2018-06-25得票数 1
回答已采纳
我想了解输入文本框中提到的模板引用变量符号之间的区别。
<input type="text" name='name' #name [(ngModel)]='model'>
<input type="text" name='name' ref-name [(ngModel)]='model'>
使用#name和ref-name有什么区别？
变量的作用域在使用ref-name时会改变吗？
有谁能建议一下最佳做法和理由吗？
浏览 5提问于2017-04-24得票数 4
回答已采纳
1回答
我开始学习C，我仍然在使用简单的程序，但是有大量的错误:/下面的代码一旦捕捉到错误的输入(在else语句中)将继续运行，它不会在下一次扫描中停止.为什么会发生这种事？
const float inch_to_cm = 2.54;
int main()
{
bool run = true;
float usr_input;
while(run){
printf("Please enter the inches: ");
if (scanf("%f", &usr_input) == 1){
浏览 1提问于2014-07-05得票数 2
回答已采纳
A类示例1
public class A {
private A instance = new A();
public A() {
}
public A getInstance() {
return instance;
}
}
A类示例2
public class A {
private static A instance = new A();
public A() {
}
public static A getInstance() {
return instance;
浏览 0提问于2013-07-08得票数 2
回答已采纳
3回答
我在useInterval钩子上有以下问题，如果它点击计数20，我会尝试使计数器停止，但是我目前实现它的方式似乎会导致无限循环的呈现。到目前为止，我的代码如下：
import React, { ChangeEvent, useState } from "react";
import { useInterval } from "usehooks-ts";
export default function Component() {
// The counter
const [count, setCount] = useState<numbe
浏览 14提问于2022-03-07得票数 1
虽然循环不工作，不检查areEquals方法，新的输入没有考虑到为什么？
do {
try {
Scanner number = new Scanner(System.in);
System.out.print("Number : ");
user_number = number.nextInt();
String temp = Integer.toString(user_number);
int[] array = new int[temp.length()];
fo
浏览 2提问于2018-02-16得票数 0
回答已采纳
我正在尝试制作一个可以有多个用户的服务器，我只创建了2个线程，但我的BufferedReader.readLine()似乎正在创建多个线程并导致OutOfMemory异常，我不明白它为什么要这样做？
导致异常的函数：
public void run() {
try {
Username = Input.readLine();
} catch (IOException e1) {
disconnect();
}
String lastInput = null;
try {
while ((lastInput
浏览 0提问于2013-12-09得票数 1
我需要编写一个CosmosDBTrigger来更新被更改的文档。我看到了关于输出文档的文档，其中似乎涵盖了将新文档写入CosmosDB的情况。但是，如何更新更改过的同一文档呢？
[FunctionName("MyFunctionName")]
public static async Task RunAsync(
[CosmosDBTrigger(
databaseName: "MyDatabase",
collectionName: "Orders",
ConnectionStr
浏览 1提问于2020-08-09得票数 0
代码如下：
template <int __inst>
void*
__malloc_alloc_template<__inst>::_S_oom_malloc(size_t __n)
{
void (* __my_malloc_handler)();
void* __result;
for (;;) {
__my_malloc_handler = __malloc_alloc_oom_handler;
if (0 == __my_malloc_handler) { __THROW_BAD_ALLOC; }
浏览 7提问于2013-05-15得票数 1
回答已采纳
我正在使用颤振包来验证登录表单上的电话号码。
这样做的目的是使我的“继续”按钮成为启用/点击一旦电话号码是有效的。
这是我的密码：
class Otp extends StatefulWidget {
const Otp({Key? key}) : super(key: key);
@override
State<Otp> createState() => _OtpState();
}
class _OtpState extends State<Otp> {
final GlobalKey<FormState> formKey =
浏览 9提问于2022-10-19得票数 0
1回答
我试图用“用Python实现无聊的东西自动化”编写collatz程序，但是遇到了一些问题。我使用python 3.5.2。以下是项目大纲：
编写一个名为collatz()的函数，该函数有一个名为number的参数。如果数字是偶数，那么collatz()应该打印number // 2并返回这个值。如果数字是奇数，则collatz()应该打印并返回3* number + 1。然后编写一个程序，让用户输入一个整数，并一直对该数字调用collatz()，直到函数返回值1为止。
我的代码：
def collatz(number):
if number % 2 == 0: #its
浏览 1提问于2016-09-29得票数 0
回答已采纳
3回答
据我所知，当我们宣布如下地图：
Map <String, Integer> map = new HashMap ();
默认负载因子为0.75，其大小为16，当映射的桶数超过12个元素时，大小更改为32。
但是，在使用put函数时，映射选择存储桶的索引的方式是由hascode % n定义的，但是当映射大小超过负载因子时会发生什么呢？N不再具有相同的值，因此，如果在应用hascode % n时，结果索引将与以前不同，那么如何找到以前设置的条目？
我的最后一个问题是：
在我们增加大小之后，桶的索引怎么能是相同的呢？
浏览 0提问于2018-10-26得票数 5
回答已采纳
为什么这个函数在从文本文件中读取数据时会打印无穷大的点？我找到的唯一解决方案是重写原始文本并添加一个空行。
void copyText(ifstream& intext, ofstream& outtext, char& ch, int list[]){
while (ch != '\n'){
outtext << ch;
intext.get(ch);
}
outtext << ch; //writes the new line into the tex
浏览 1提问于2020-12-13得票数 0
这是做作业用的。这所特殊的学校提供0的帮助，而教授则没有多大帮助。我只是在寻求关于为什么这段代码不起作用的指导。我必须使用Python2.7。当我运行程序时，它要求我输入适当数量的品脱，但之后什么也不做。
# This program finds the average number of pints collected, the highest amount, and the lowest amount
# Lab 9-4 Blood drive
#the main function
def main():
endProgram = 'no'
print
浏览 0提问于2014-05-28得票数 1
回答已采纳
我想要制作一个搜索组件，它接收一个对象，然后通过用户输入过滤它。然后再把它传递给家长，显示我过滤过的内容。(Nuxt)
// Parent component
<AppSearch :bookmarks="bookmarks" />
...
bookmarks = [ { "title": "Facebook", "url": "https://facebook.com" }, { "title": "Google", "url": "htt
浏览 5提问于2022-01-19得票数 3
回答已采纳
我一直在使用Combine，以更详细地了解它是如何工作的，我创建了一个自定义的发布者、订阅和订阅者。
它看起来是这样的..
emoji beamer发布者和订阅：
struct EmojiBeamerPublisher: Publisher {
typealias Output = String
typealias Failure = Error
private let emojis: [String] = ["","❤️","✅","","","","",&
浏览 1提问于2021-03-21得票数 1
请有人解释一下，为什么在不使用NgFor的情况下验证单选按钮是有效的：
@Component({
selector: 'rio-app',
template: `
<form #myForm="ngForm">
<label>
Male:
<input type="radio" name="gender" value="Male"
ngModel required #gender="ngMod
浏览 5提问于2017-01-17得票数 5
回答已采纳
以下是代码：
import React, { useState } from 'react'
function App() {
const [a, setA] = useState(1)
setA(2)
return (
<div>
<h1>{a}</h1>
</div>
);
}
误差太多的重新渲染。React限制呈现的数量，以防止无限循环。
为什么它会导致无限循环？
我认为原因是函数组件就像呈现函数一样，所以当setState在render函数中时会导致无限循环。
有官方解释吗？
浏览 10提问于2020-02-20得票数 5
回答已采纳
我所知道的是，我们调用detectChanges()来触发本地更改检测检查。我已经看到了detectChanges()在ngOnChanges(变更)钩子中被调用的一些代码，我想知道为什么有人会想要这样做呢？我的意思是，如果没有检测到变化检测，ngOnChanges就不会被调用，对吗？那么为什么要在钩子的体内调用detectChanges呢？
@Directive({
selector: "[dateDisplay]"
})
export class DateDisplayDirective {
@Input() ngModel: Date;
@Inpu
浏览 5提问于2017-05-23得票数 0
我正试图围绕一个输入元素构建一个指令，当模型被污染或被触摸时，这个元素就会响应。所需的ngModel似乎反映了输入模型的值和视图的变化，但没有反映其他属性。
我怀疑这与我在两个元素中包括ng模型有关，但我还没有弄清楚如何使用它一次。
理想情况下，我希望创建这样的东西：
<input test-directive label="'My Label'" type="text" ng-model="testObject.text"/>
其结果如下：
<label>
<div>My Label&
浏览 0提问于2015-07-24得票数 0
回答已采纳
1回答
我使用了一个Vue组件来呈现一些表头，如下所示：
render (createElement) {
return createElement('div', { class: 'header' },
Array.apply(null, { length: this.initHours.length }).map(() => {
return createElement('div', { class: 'frame' }, this.getHourIndex() )
})
)
}
问题是，当在
浏览 37提问于2021-03-03得票数 2
回答已采纳
我尝试将编辑文本值限制为小于或等于130。在onCreate方法中，我执行了以下操作：
final EditText expectedYears = (EditText)findViewById(R.id.lifespan);
expectedYears.addTextChangedListener(new TextWatcher() {
public void afterTextChanged(Editable s) {}
public void beforeTextChanged(CharSequence s, int start,
浏览 48提问于2018-01-07得票数 0
回答已采纳
2回答
我写了一个程序，它以文件名为参数，打开文件，解析其内容，然后做一些事情。我正在编写一个测试程序，它将通过执行来测试该程序。
下面是我的测试类：
int main () {
FILE *input;
input = fopen("file.txt", "w+");
if (input == NULL) {
fprintf(stderr, "Unable to create a new file");
exit(1);
}
fprintf(input, "8\n");
浏览 0提问于2012-07-28得票数 0
回答已采纳
两者有什么区别？
<input [(ngModel)]="name">
和
<input [(value)]="name">
他们似乎也在做同样的事情。
这些角度文档使用的是NgModel，但是他们还说，它们用“盒装香蕉”()替换了所有angular1指令。那么，为什么NgModel仍然存在呢？
我遗漏了什么？
浏览 2提问于2017-03-09得票数 62
回答已采纳
要将输入的值绑定到属性，我们使用ngModel指令。例如：
<input type='text' [(ngModel)]='model' />
为什么我们不能简单地对输入元素的value属性使用绑定呢？
<input type='text' [(value)]='model' />
浏览 3提问于2017-03-14得票数 4
回答已采纳
3回答
public void calculate(int input) {
inputField.setText("" + input);
while (input >= 1) {
if (input % 2 == 0) {
input = input / 2;
} else {
input = (input * 3) + 1;
}
output.append("" + input);
}
}
输出变量是JTextArea，inputField是用户输入整数的JTextField。
浏览 1提问于2014-08-11得票数 1
回答已采纳
这是我目前所拥有的：
function animateLetter(letter, type){
letter.css(type, '50%');
var j = 50;
loop(function(){
letter.css(type, (j =- 5) + '%');
return j < 0;
});
}
function loop(run) {
if(run.apply()) requestAnimationFrame(loop(run));
}
为什么这不起作用呢
浏览 0提问于2013-02-19得票数 2
我有这个口袋妖怪api应用程序，它有一些问题，首先，当我获取口袋妖怪，它不断添加无限x口袋妖怪与1请求。其次，当我再次尝试输入一些东西时，这个应用程序就会完全冻结。代码如下：
应用程序：
import React from 'react'
import './App.css'
import {PokemonForm} from '@components/PokemonForm/PokemonForm'
import {PokemonProvider} from "@context/PokemonContext";
import {
浏览 1提问于2022-10-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
