双向绑定2个子组件

文章/答案/技术大牛

发布

1回答

(角)使用双向数据绑定vs服务在组件之间共享数据。

angular、data-binding、service、two-way-binding

我希望有一个具有两个子组件的父组件。子组件都需要相同的信息，它们必须是一致的。我是否应该在父组件中创建一个变量，并通过双向数据绑定将其传递给子组件(这样，对两个子组件的更改都会传播到父组件，然后传播到另一个子组件)，还是通过服务传递给子组件？我也不知道怎么用服务来做。如果我想在两个组件之间保持一致的数据，那么这是否是我要进入的

浏览 0提问于2019-08-02得票数 1

回答已采纳

1回答

typescript、aurelia、two-way-binding

下面的模型可以很好地工作，我有一个app.html组件(.ts+ .ts)、一个子组件(test-binding.html +test)和一个双向绑定的输入字段<template bindableoldValue) //Do somethingcreated(){}但是，我不确定如何使用2个子</

浏览 13提问于2018-08-05得票数 2

回答已采纳

1回答

Angular 2如何实现2级子级的双向绑定？

javascript、angular、angular-components

对象是父组件的属性并且它用作子组件的属性子组件本身还有其他子组件，这些子组件将value1字段作为属性 <app-child-2 [(value)]="obj.value1"></app-child-<

浏览 0提问于2017-04-17得票数 1

2回答

组件内部Blazor双向绑定文本区域

c#、asp.net-core、blazor

我试图双向绑定一个文本区域内的一个子组件在Blazor，我只是不知道它。get; set; } public EventCallback<string> ChildDataChanged { get; set; }当我从父组件更新时附加注意:如果我将从字符串传递的值更改为具有string属性的对象，并将该对象传递给子组件，则双向绑定确实有效，但只在更新到父组件之后才能工作。

浏览 5提问于2020-11-13得票数 5

回答已采纳

2回答

从视图中使用异步数据的组件中的Aurelia组件

components、aurelia、lifecycle

我有一个有一个组件的视图，这个组件有一个子组件。视图从我们的服务器获取数据。第一个组件为一些自定义属性实现双向绑定，它的子组件使用父组件操作的数据执行类似的操作。无论如何，当应用程序启动时，视图的组件可以显示获取的绑定数据。组件的组件失败。我认为我需要更新绑定，检查某些事件，或者等到视图收到数据后再添加()。我不确定后者是否看起来最好，因为<em

浏览 4提问于2016-08-10得票数 1

回答已采纳

2回答

angular 2中的双向数据绑定

javascript、angular

我最近才接触到angular 2，对双向数据绑定感到头疼不已。它似乎已经是双向的数据绑定了。我可以在组件中访问username，并且input元素的value属性也会更新。那我为什么还需要呢？这里的双向绑定是什么？组件内部的内容和从组件中输出的内容。

浏览 1提问于2017-02-17得票数 1

1回答

flex 4中的双向绑定

data-binding、flex4

假设我有一个变量：当我单击list组件上的一项时，此clickedText以这种方式存储值：然后以这种方式将这个变量绑定到另一个子组件：现在，它在childComp中工作得很好，可以将值传递

浏览 1提问于2011-05-13得票数 1

1回答

双向数据绑定不会在组件中触发$onChanges。

angularjs、angularjs-components、angularjs-1.5

组件之间不更新的双向数据绑定我使用双向数据绑定来建立组件间的通信。我有一个父控制器，它从AJAX调用中获取数据，并将该数据发送给2个组件。我试图修改传递给组件的数据，但是如果child1组件更新数据，则尽管存在双向数据绑定，但子组件没有获得更新数据。我看到$onChanges钩子不会捕获双向数据绑定的变更事件。<div

浏览 3提问于2019-03-26得票数 5

回答已采纳

2回答

带有@input属性的Angular 7双向绑定

angular、typescript、angular7

我有一个子组件，它使用@Input指令从父组件获取属性值。问题是双向数据绑定似乎不适用于此输入属性。你知道这是什么原因吗？子组件类 selector: 'app-edit-property', templateUrl: '.type="text" class="form-control" required name="title" [(ngModel)]="

浏览 0提问于2019-03-22得票数 2

2回答

Vue .sync只适用于v-模型，但给出了变异误差。

javascript、vue.js、vuejs2、vue-component、v-model

查看代码沙箱中的3个.sync工作示例我的应用程序将多个动态组件注入到视图中，然后将每个组件中的多个输入绑定到父组件中的数据。由于v-model只对单个值工作，我发现.sync (在Vue 2.3之后再次添加)是将每个子组件中的多个输入双向绑定到父组件数据的唯一方法。预期结果我希望双向绑定能够正常工作，而不会在控制台中产生任何no-mutate-props错误。:valu

浏览 5提问于2020-12-28得票数 1

回答已采纳

2回答

Vue.js -如何在数据对象更改时向父组件发出？

vue.js、vue-component、two-way-binding、v-model、vue-data

v-model的使用在组件中的视图和数据模型之间创建了双向绑定。视图交互可以向父组件发出事件。但是，子组件中的数据模型更改是否可以将事件发送给父组件？但是，如果我拔出Vue dev工具并在子组件的数据中切换复选框，来自v-model的双向绑定将在子组件中进行适当的更新，但是没有任何东西将它转移到父组件(我怀疑是因为没有发出事件)。如何确保父组件“知道”子组件中的

浏览 0提问于2020-09-20得票数 2

回答已采纳

1回答

如何在没有双向绑定的情况下将ngModel传递给AngularJS组件？

javascript、angularjs、angularjs-controller、angular-ngmodel、angularjs-components

我有单向数据绑定的和双向数据绑定的ngModel： bindings: { fieldName: "@", 因此，ngModel的双向数据绑定可能不

浏览 6提问于2016-08-15得票数 1

回答已采纳

1回答

为什么父组件和子组件之间的双向绑定不好？

javascript、angularjs、vue.js

此默认设置的目的是防止子组件意外地改变父组件的状态，这会使应用程序的数据流更难推理。我想知道什么时候使用双向绑定，什么时候不使用？对于子组件需要管理数组变量的情况，双向绑定似乎是有意义的。例如，假设我想制作自己的Vue.js或AngularJS版本的。如果使用双向绑定，我只需将父组件的数组传递给我的Vue.js或AngularJS选择组件，并让选择组件来管理

浏览 2提问于2016-05-30得票数 2

回答已采纳

2回答

PrimeNG的p-pickList是否改变了来源和目标？

javascript、angular、primeng

pTemplate="item"> </ng-template><ul></ul> <h2>target</h2

浏览 17提问于2022-01-24得票数 0

回答已采纳

3回答

在“兄弟”组件之间传递数据

angularjs、data-binding、angular-components

你可能想知道我所说的兄弟组件是什么意思，其实就是两个不同的组件拥有相同的父组件。假设我有一个具有child1组件和child2组件的父组件。我的child1组件中有一个变量vm.active，我希望在我的child2视图中使用它(如果您想知道的话，可以在ng中使用它)。有什么想法吗？是否正在考虑在这三个组件中进行双向绑定？你们都怎么想？

浏览 6提问于2018-02-16得票数 0

回答已采纳

2回答

AngularJS如何将组件双向绑定转换为单向绑定

angularjs、angularjs-components

你好，在angularJS中将双向数据绑定转换为单向的正确方法是什么？import template from '.

浏览 0提问于2018-07-13得票数 2

6回答

Angular2 :父/子组件内部的双向绑定

angular

版本："angular2"："2.0.0-beta.6“在我的子组件上，我使用双向绑定在编辑时显示文本。子组件(InputTestComponent [selector:'input-test'])： <form (ngSubmit)="onSubmit()" #testform="ngForm">ng

浏览 16提问于2016-02-25得票数 32

回答已采纳

2回答

如何从vue中的所有子复选框组件中收集所选复选框？

javascript、checkbox、vue.js、vuejs2

我有一个表，其中行元素都是由子组件填充的。在每个子组件中都有一个复选框。现在我想一次得到所有的复选框。我可以使用prefs发射作为双向绑定，并更新父节点上的数组或对象，但我想知道是否有更好的方法。</thead></table> 这是

浏览 3提问于2017-10-25得票数 2

回答已采纳

4回答

了解Vue JS v-model双向绑定

javascript、vue.js、vuejs2

我一直在尝试了解Vue的v-model如何与自定义输入和常规输入组件一起工作。 return { } template: `<input v-model="myObj" >`/&#

浏览 2提问于2019-09-16得票数 1

1回答

需要一个使用双向绑定的角度2升级的工作示例

javascript、angularjs、angular

该文件：作为双向约束：在我的示例中，ng-1.5组件使用双向绑定，因此不能替换简单的单向绑定。我正在尝试编写一个ng2包装器。但是，即使在<em

浏览 2提问于2017-04-10得票数 1

回答已采纳

点击加载更多

(角)使用双向数据绑定vs服务在组件之间共享数据。