@Input在从父组件发出后不接受最新值
@Input是Angular框架中的一个装饰器，用于在子组件中接收父组件传递的数据。当父组件的属性值发生变化时，@Input装饰的属性会自动更新为最新的值。
然而，有时候子组件在接收到@Input属性后，不会自动更新为最新值的情况可能是由于以下原因导致的：
- 变更检测策略：Angular框架提供了几种变更检测策略，默认情况下是使用
ChangeDetectionStrategy.Default策略。该策略会在每次组件发生变化时进行全局检测，如果没有检测到变化，则不会更新@Input属性的值。如果你希望@Input属性能够接收到最新值，可以尝试使用ChangeDetectionStrategy.OnPush策略，该策略只有在输入属性发生变化时才会进行变更检测。 - 异步更新：有时候父组件的属性值是通过异步操作进行更新的，而子组件在接收到@Input属性时可能还没有完成更新。这种情况下，可以使用
ngOnChanges生命周期钩子函数来监听@Input属性的变化，并在变化时进行相应的处理。 - 不可变对象：如果父组件传递给子组件的属性是一个不可变对象（如字符串、数字等），则无法通过引用来检测到变化。这种情况下，可以尝试使用
ChangeDetectorRef来手动触发变更检测，以更新@Input属性的值。
总结起来，当@Input在从父组件发出后不接受最新值时，可以尝试以下解决方案：
- 使用
ChangeDetectionStrategy.OnPush变更检测策略。 - 在子组件中使用
ngOnChanges生命周期钩子函数监听@Input属性的变化。 - 如果父组件的属性是不可变对象，可以使用
ChangeDetectorRef手动触发变更检测。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
我有父组件，它发出最新的值，在子组件中，它使用@Input轮子，它不返回最新的值。基本上它在子组件中是这样开始的…… @Input() test;any; 我们将此测试绑定到HTML中，然后在单击按钮事件时，对输入值' test‘执行一些操作 onClickButton() {
this.test一切正常，即使在父组件</em
浏览 14提问于2020-01-07得票数 0
我是新来Angular的，我来自React.js我无法在ngAfterContentInit中发出请求，因为我需要等待父进程完成发出请求在React.js中，我通常会在componentWillReceiveProps内部发出请
浏览 2提问于2018-10-10得票数 1
1回答
如何跟踪窗体中的焦点元素
、、、
我对vuejs还不熟悉，我想知道在表单中跟踪最新的有重点的输入/文本区域，以便从父组件编程地修改它们的值的最佳方法是什么。示例 Input1 Textarea
Button (onclick -> appends "hello" to the focused input
浏览 2提问于2019-10-08得票数 0
回答已采纳
我在MyInput.vue中有一个自定义输入元素my-input在我的inputOccurred方法中，我发出了oninputoccurred自定义事件并传递了值： this.$emit('oninpu
浏览 8提问于2018-02-15得票数 1
回答已采纳
在从父组件发出post请求之后，我尝试更改一个布尔变量isSubmited，这将从子组件触发一个手表，并且会有另一个post请求使用is响应。
流程从父组件开始。用户单击submitIn parent I创建一个新的契约，并从响应(发出post请求后)接收ID，在发布请求后，更改布尔值，以激活子组件中的手表。在子组件中，将执行另一个使用ID表单父
浏览 1提问于2020-02-09得票数 2
我正在使用observable将数据传递给子组件。可以使用ngIf启用和禁用这些子组件。当我重新启用这样的组件时发生了问题，它根本无法获取数据，因为.next()很久以前就被激发了，并且使用.next()再次传递已经收集的数据不起作用，因为值是在重新创建子组件之前发出的。app-component1>
<app-component2 ngIf="view === 2" [data$]="data$"><&#
浏览 17提问于2020-09-06得票数 0
回答已采纳
2回答
在父组件中有两种方法： const block = this.dropDownBlocks.find(b => b.index在儿童部分，我确定：@Output() opened = new EventEmitter<number>();public openDrop
浏览 0提问于2018-06-06得票数 2
回答已采纳
嗨，我有一个父窗体控件和一个子组件。在父窗体控件更改后才会显示子组件，例如： <ChildComponent [value]="parentChanged$ | async"></ChildComponent>如您所见，子组件使用一个async管道从父控件获取值(在这里，parentContr
浏览 3提问于2022-05-19得票数 0
回答已采纳
我有两个组件，一个是父组件，另一个是子组件。有一种奇怪的行为--在第一次单击时，我没有在子组件中看到任何数
浏览 1提问于2020-05-29得票数 0
回答已采纳
我有一个由v-for循环创建的组件。for循环的索引对我很重要，我还必须用组件的emit方法将数据传递给父节点。如何获得这两个值，即从发出的组件子值获得的值，以及从父节点获得循环索引的值？我的模板：v-for="(presc, index) in editedPrescription">
<autocomplete-inp
浏览 3提问于2022-02-12得票数 1
1回答
有一种情况是，我使用@Input将一个值从父组件传递给子组件。问题是，在子组件中触发ngOnInit()之前，我没有从父亲那里获得值。所以发生的情况是，当ngOnInit()试图用它的值“未定义”执行sg时，一秒钟后，值已填充，但ngOnInit()已经完成。我希望它足够清楚。@Input('data')
set data(valu
浏览 10提问于2019-07-18得票数 0
回答已采纳
我通过props将一个变量从父组件传递到子组件。但通过一些操作，该变量的值正在发生变化，即单击父组件中的某个按钮，但我不知道如何将更新后的值传递给子组件？假设一个变量的值最初为false，并且在父组件中有Edit按钮。我要在单击Edit按钮时更改此变量的值，并希望将更新后的值从父组件传递给子组件</em
浏览 4提问于2017-09-26得票数 27
我刚刚开始涉足角度4中的整个子组件和父组件通信方面，我注意到一些老视频使用的是input: []语法，而不是更常见的@Input()语法，这两者之间有什么区别吗？如果没有，是否有偏好？
浏览 0提问于2018-05-02得票数 0
回答已采纳
1回答
我有一个父级(finalizaNegociacaoComponent)，它包含嵌套表单和其他属性，还有一个组件dadosTitular，是，嵌套表单。在嵌套表单中，我有一个调用函数的复选框，这个函数改变了表单中的一些输入。我想知道我是如何让父finalizaNegociacaoComponent意识到表单上有一个变化的。这是复选框调用的函数(在dadosTitularComponent中)： let array =
浏览 2提问于2017-03-23得票数 2
回答已采纳
2回答
我试图发出从父组件到子组件的布尔更改，但没有成功。父组件： this.userService.delete(); }<app-pop-up [isActionComplete]="isActionComplete"></app-pop-
浏览 0提问于2018-04-12得票数 0
背景-对每个子组件执行一些验证。在父节点上单击“提交”按钮时，向父级发出返回。在接收发出的数据的父级上有一个方法。以及在父data()方法上实例化的对象，以分配给传入数据。问题--当您单击submit时，子组件上存在已发出的数据，但父<em
浏览 3提问于2022-09-06得票数 0
我有一个表单(父组件)，我在其中有一些来自其他组件的下拉列表，每个下拉列表都有ts和html template，每个下拉列表都从其组件中获取数据。提交表单时，我需要每个值的选择值。如何从父级访问它？<div class="form-group">
浏览 0提问于2016-07-28得票数 1
2回答
我一直试图更新子组件，方法是将不同的值作为支持，在不同的时间间隔内从父级组件中传递，而不重新呈现父组件。在这种情况下，子组件似乎不更新。但是，当我在父组件上执行setState时，它可以工作，这当然不是一个理想的方法。与角/值的情况一样，很容易更新道具(或@Input)。父组件：{
setTim
浏览 4提问于2019-10-20得票数 0
$emit('input',sel) }, if(this.selectedOption) {为了使其工作，我传递给组件</
浏览 1提问于2017-02-15得票数 2
回答已采纳
上下文
作为对React/Flux相当陌生的一种情况，有时我发现我的React组件通过其属性从父组件接收值(例如，文本框中显示的float参数)。这在父组件的呈现调用中发生，父组件从存储中获取值，并通过其子组件的属性将其传递给子组件。然后，当用户更改GUI中的值(在带有文本框的子组件中)时，这将导致向dispatcher发送一个Flux操作，并将更改后的值</em
浏览 0提问于2016-02-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
