问题标签 [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 回答
196 浏览

angularjs - 如何使用 AngularJS 使用预设(并更新它们)正确填充输入字段?

请检查这个JSFiddle。添加暗淡预设时,它会正确添加到$scope.packData,但不会正确填充输入字段。之后,如果您尝试$scope.packData直接从输入字段更新,它将不起作用。它只能从暗淡的预设中进行。我在这里想念什么?

下面是代码。

0 投票
1 回答
646 浏览

angular - 双向数据绑定中 ngModel 的事件列表

在双向数据绑定中使用ngModel

实际上是

所以在内部将事件ngModel映射到(input)<input>this.name

我在哪里可以找到有关 ngModel 为其他元素(例如<p>等)生成的事件的信息?

我想增加点击<p>时的字体<p>。我可以不做,ngModel但不能做ngModel

没有ngModel

但我做不到

我猜对于<p>,要么ngModel不做任何事情,要么不生成(click)事件

0 投票
1 回答
20 浏览

angular - Angular:无法从具有共享范围的第二个指令的嵌入子项更改指令中绑定(=)变量的值

这是一个复杂的问题,所以我为听起来复杂的标题道歉。

基本上我有这种情况:

我有一个指令

(我将称之为 Directive1) Directive1 的模板引用了第二个指令(Directive2),它具有一个隔离的范围,我将一个使用“=”双向绑定的变量传递到该范围内。例如

我从 Directive1 绑定的变量在 Directive1 的 $scope 上。

好的,现在,我有一个控制器(我们将调用 Controller1),它嵌入在 Directive1 的嵌入内容中,需要更改 pageTitle 的值。由于 Directive1 具有共享范围,我可以轻松地从 Controller1 中读取 $scope.pageTitle 的值,但是,当我尝试更改该值时,它不会通过 Directive2 的双向绑定向下传播。这似乎应该是可能的,但我不知道如何。

但是,如果我像这样在 Directive1 中创建一个新函数:

并从 Directive2 中调用该函数:

确实成功地更改了 Directive1 和 Directive2 中变量的值。

这是一个带有问题示例的jsfiddle。

https://jsfiddle.net/aou5za7z/3/

请注意,如果您在第一个输入框中键入一个值,它只会影响 Controller1 的值,但是您可以通过在第二个输入中键入一个值并点击“更改标题”来更改 Directive1 和 Directive2 中的值

我是否需要使用该方法解决方法,或者是否应该有一种方法可以通过共享范围 Directive1 和 Controller1 都共享从 Controller1 中更改 Directive2 中的值?

谢谢你的帮助!

0 投票
2 回答
6615 浏览

android - 带有参数的方法的Android双向数据绑定

模型的 Setter 和 getter 方法只有一个参数,如下所示:

XML 看起来像这样:

android:text="@={shipper.getPrice(priceKey)}"

构建期间的编译器错误表明我们应该使用@InverseMethod 注释。我尝试这样的事情:

但在这种情况下,我有下一个错误。

所以我很乐意在这里对整个流程进行很好的解释。谢谢

0 投票
0 回答
95 浏览

javascript - Angular 中的双向数据绑定是否与 AngularJs 一样工作?

Angular 2 中双向数据绑定的实现与下面链接中描述的 AngularJs 相同,还是基于事件?我只是想根据这个决定是否使用角度。

https://stackoverflow.com/a/30425085/2792959

角度 2 是否也基于消化周期?

0 投票
0 回答
251 浏览

angular - Ionic3 - 深度链接后,双向绑定不起作用(存在测试代码)

我对阻止 Angular 的双向绑定的深度链接有疑问。

我在 git 中做了一个测试项目。请在此处查看(这是一个简单的离子默认项目。如果您已经安装npm并且ionic-cli,只需运行npm iionic cordova platform add ios

项目说明 1. 工作案例

  • 有3页。主页、列表和模态。
  • 每个页面都有一个input,并且这个输入的变量与test变量相连。这test显示在下方input

喜欢:

  • 每一页,每当我输入输入时,它都会立即反映在 {{test}}.
  • 一切似乎都很好。

2.不工作的情况

  • 如果你检查app.component.ts,你会看到 deeplinks 被设置为 this.nav.push('ListPage');并且 url 是myapp://list

  • 所以在我的 xcode iphone 模拟器中,我将打开 safari 并在地址栏中输入myapp://list. 它会将您重定向到列表页面。

  • 从那时起,输入要反映的输入{{test}}在列表页面和模态页面中不起作用。但是在主页上工作。
  • testFn函数中,我把console.log. 当我测试时,console.log 总是能正确打印。所以我猜角度没有正确更新。(如果您在 xcode iPhone 模拟器中看不到键盘cmd + shift + k:)

我的环境

  • 离子框架:3.5.0
  • 离子应用脚本:1.3.12
  • 角核心:4.1.3
  • Angular 编译器 CLI:4.1.3
  • 节点:7.10.0
  • 操作系统平台:macOS Sierra
  • 导航平台:MacIntel
  • 用户代理:Mozilla/5.0(iPhone;CPU iPhone OS 9_1,如 Mac OS X)AppleWebKit/601.1.46(KHTML,如 Gecko)版本/9.0 Mobile/13B143 Safari/601.1
  • Xcode:8.3.3 (8E3004b)
  • 模拟器:iPhone 5 iOS 10.3 (14E8301)

我也尝试过ionic cordova platform rm iosionic cordova platform add ios但没有运气。

谁能告诉我我的代码有什么问题?

非常感谢。

编辑:我可以使用ChangeDetectorRef'sdetectChanges来强制更新视图。但我认为这不是一个好的解决方案。

0 投票
3 回答
1010 浏览

knockout.js - Knockout.js:是否可以使用“with”进行单向数据绑定?

在 Knockout 文档中,据说如果我们不使用 ko.observable(...),单向数据绑定是可能的:http: //knockoutjs.com/documentation/value-binding.html

但是,以下代码无法按我的预期工作:

'selectedMerchant' 是在没有 ko.observable(...) 的情况下声明的,所以它应该是单向绑定的。我希望一旦单击“更改”按钮,输入框中的文本将更改为“大卫”。我还尝试了不同的方向 - 我更改了输入中的文本并单击了“显示”按钮。消息框给出了它在开始时的初始值。

0 投票
1 回答
106 浏览

angular - 传递更多数据@input angular 2

我们如何将多个组件切换到另一个组件?我需要使用“双向数据绑定”。

我尝试了以下方法:

我需要去“DrawerMenuComponent”组件“DialogLoginSignupComponent”和“AppHeaderComponent”

这不起作用。我哪里错了?

谢谢!

0 投票
2 回答
3020 浏览

android - 味精:在数据绑定中找不到值类型为 java.lang.String 的属性 'android:text' 的 getter?

我正在尝试在edittext中使用数据绑定,早上它工作正常但突然出现错误:

20:4 -34:40 行的 EditText

查看持有人:

突然出了什么问题?

尝试的解决方案: 1. 使缓存无效并重新启动。2.清理项目和重建项目。

0 投票
2 回答
1314 浏览

javascript - Angular 2 单向 HTML 数据绑定,就像我们在 Angular 1 中使用 ::

在 Angular 2 中有什么方法可以像在 Angular 1 中那样实现单向数据绑定。

我们如何以 Angular 2 的方式实现这一点。我们有什么替代方案。

注意:我不想仅反映 HTML 上的更改。我需要更新的值@component end,但我不想只在 UI 上显示更改