问题标签 [two-way-binding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
738 浏览

angularjs - angularjs中ng-click指令的两种方式绑定

我在两个元素中调用了一个函数。当我触发该函数时,单击事件也应该再次被击中,无论我在哪里调用该函数。

//html

//控制器

我也试过用而""不是两种方式绑定{{}}

问题 :

该函数只会触发一次。显示我的p标签不显示。

解决方案

我可以Show|hidep标签使用范围对象。但这不是我的问题。

问题

我的问题是,如何实现与angularjsevent(ng-click)相同的双向绑定?ng-repeat,ng-model,mg-show,etc

0 投票
1 回答
1128 浏览

angular - 无法分配给对象“#”的只读属性“dataChange”'

我正在尝试在 Angular 4 中使用双向绑定。这是我的组件代码:

但是当我尝试在类似的东西上使用它时:

我在 Chrome 的控制台上收到此错误:

data属性是特定类型的数组,但即使我通知此类型或初始化该属性,也会发生错误。

0 投票
0 回答
157 浏览

c# - 静态类的静态属性的两种方式绑定

有什么好的方法可以以双向模式绑定静态类的静态属性吗?

这是一个示例类:

和一个文本框:

我一直在寻找很多,我发现只有 2 个不是很好的答案:Make class not static or create a dummy window resource class。

0 投票
1 回答
537 浏览

android - Android 上与 RxJava 的双向绑定

最近我一直在开发一些功能,在我看来,它可以用某种形式的双向绑定很好地建模。

示例:有一个屏幕,用户可以在其中填写一些表格并保存一些内容。稍后用户可以返回该内容并对其进行编辑。内容存储在数据库中,因此应该异步获取内容。我使用 RxJava 和 Mosby MVP 在片段和演示者之间创建 MVVM 样式的连接。

问题是表单应该在运行中进行验证,所以任何时候视图更改的某些部分都应该通知演示者。但是当来自 DB 的异步内容到达时(如果用户正在编辑现有内容),由于状态之间的转换,视图可能会破坏来自 DB 的“初始”状态。在视图和演示者之间也存在无限事件传递循环的风险(distinctUnitChanged()并不总是对此有所帮助,因为状态可以像 1-2-1-2-1 一样改变)

我找到了 2 种解决方法,但我对它们不满意,因为它们相当不纯,而且不像惯用的 FRP。

第一个是更改视图,使其在收到演示者的第一个状态之前不发送事件。

第二个需要牺牲 Presenter 的纯度。呈现是设置一个标志,告诉我们是否应该接受视图的状态更改。它将跳过视图中的事件,直到它接收到它传递给视图的事件(初始状态)。

事情变得更加困难,因为在 Android 视图中可以随时断开并重新连接到 Presenter(无论是否保存状态),并且 Presenter 应该是事实的来源。

如果有人有任何使用 RxJava 实现双向绑定的示例或任何想法,我将不胜感激。

0 投票
1 回答
84 浏览

angular - Angular 双向绑定

刚从角度开始,我有一个问题。

我有一个“总”部分,它有两个单独的组件(见下图):在此处输入图像描述

我还有一个单独的文件,以导出接口“项目”为例。

这在组件 A 和 B 中都使用。当一个组件发生变化时,我希望它反映在另一个组件上。

我正在网上阅读一些关于双向绑定的文档。但是我想我会问是否有人知道或以前做过这个,并且可以指导我如何实现这一点。

提前谢谢了!

0 投票
0 回答
675 浏览

angular - Angular 2 双向绑定不适用于 JSON 对象

我正在尝试通过共享服务“Customer.service.ts”访问 json 数据。我能够得到所有结果,直到结束(从 CustomerComponent 到 CustomerComponentPopup)。但是,不知何故,两种方式绑定不起作用。以下是我的文件,我也发布了我的控制台输出

共享服务customers.service.ts

组件文件,showModal() 函数的 Onclick 我正在尝试打开引导模式弹出窗口。

组件文件 customer.component.ts //

Booststap Modal popup Component customersPersonalDetailComponentPopup

showChildModal 函数将打开模式弹出窗口。我在“this.selectedCustomer”中得到了我的愿望记录。

}

代码的输出console.log(this.selectedCustomer);

{id:13,姓名:“Bombasto”,地址:“Nice Address2”,电话号码:“111111”,资格:“edu3”} 地址:“Nice Address2”id:13 name:“Bombasto”电话号码:“111111”资格: "edu3" 原型:
构造函数:ƒ Object() hasOwnProperty:ƒ hasOwnProperty() isPrototypeOf:ƒ isPrototypeOf() propertyIsEnumerable:ƒ propertyIsEnumerable() toLocaleString:ƒ toLocaleString() toString:ƒ () valueOf:ƒ valueOf() defineGetter定义Getter () 定义Setter:ƒ defineSetter () lookupGetterlookupGetter() lookupSetterlookupSetter () 获取原型原型() 设置原型原型()

这是html文件代码popup.html

[(ngModel)]="selctedCustomer.name"没有显示任何内容,但它使用此表示法显示值{{selctedCustomer?.name}}

我不知道从 json 对象访问值我错在哪里

0 投票
2 回答
1842 浏览

javascript - Angular 2 - 如何摆脱角度绑定中的额外小数?

在我看来,我有这样的声明,并且绑定具有价值让我们说 6970.87127381382131831 但是,我想最多将其限制在小数点后 2 位。由于我使用 ngFor 列出元素,因此无法使用对象通过 .toFixed(2) 对其进行限制。谢谢你们 !

我试过下面的方法:

没有帮助我。

0 投票
2 回答
732 浏览

angular - ngModel 不能在两个不同的组件中工作?

标题是不言自明的,所以 - 我在 app.component.html 文件中放置了一个输入元素,这是代码: <input type="text" name="titleInput" id="titleInput" [(ngModel)]="titleInput"> 然后我尝试在另一个组件中创建一个 h1 元素,因为我希望它显示输入的内容输入字段。没用。在 app.component 中制作了一个 h1 元素 - 工作正常。我搜索了很多,但没有找到任何东西。你能帮助我吗?

0 投票
0 回答
1517 浏览

angular - 更改模型时,Angular 4 视图未更新

我有一个 Angular 4 组件,它从服务中检索数据,然后更新视图。当我的服务检索数据并更新组件的属性时,该属性不会在 UI 中更新。我曾尝试使用 NgZone 和 ChangeDetectionRef 强制更新,但均未成功。我的看法是:

我的组件是:

这就是输出的样子。

在此处输入图像描述

显然有些东西坏了,因为 H1 静态内容没有出现。预期的结果是字段中应该有字符串值,并且标题应该是Confirm ACH Data. 这就是我刷新时页面的样子(_imgSvc 将无法找到事务,因此“提取”将是错误的)。这让我相信它与路由有关,但是日志条目都表明构造函数被正确调用并在路由器将您带到此页面时返回正确的数据。这也是一条子路线,如果这有所作为的话。

在此处输入图像描述

0 投票
1 回答
87 浏览

javascript - 如何使 ngModel 在组件之间可用

我真的很生气。我已经尝试了一切。FormsModules,ReactiveForms,FORMDIRECTIVES,Input,Output 我一直在到处寻找如何使 ngModel 在组件之间可用。我试图在 h1 标记中显示正在使用字符串插值在输入标记中输入/删除的值,但是它不起作用,这些是文件:app.component.html:

app.component.ts

notes.component.html

input.component.html

如果你能弄清楚,我将不胜感激。