问题标签 [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.
angularjs - 如何使用 AngularJS 使用预设(并更新它们)正确填充输入字段?
请检查这个JSFiddle。添加暗淡预设时,它会正确添加到$scope.packData
,但不会正确填充输入字段。之后,如果您尝试$scope.packData
直接从输入字段更新,它将不起作用。它只能从暗淡的预设中进行。我在这里想念什么?
下面是代码。
angular - 双向数据绑定中 ngModel 的事件列表
在双向数据绑定中使用ngModel
实际上是
所以在内部将事件ngModel
映射到(input)
<input>
this.name
我在哪里可以找到有关 ngModel 为其他元素(例如<p>
等)生成的事件的信息?
我想增加点击<p>
时的字体<p>
。我可以不做,ngModel
但不能做ngModel
没有ngModel
但我做不到
我猜对于<p>
,要么ngModel
不做任何事情,要么不生成(click)
事件
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 中的值?
谢谢你的帮助!
android - 带有参数的方法的Android双向数据绑定
模型的 Setter 和 getter 方法只有一个参数,如下所示:
XML 看起来像这样:
android:text="@={shipper.getPrice(priceKey)}"
构建期间的编译器错误表明我们应该使用@InverseMethod 注释。我尝试这样的事情:
但在这种情况下,我有下一个错误。
所以我很乐意在这里对整个流程进行很好的解释。谢谢
javascript - Angular 中的双向数据绑定是否与 AngularJs 一样工作?
Angular 2 中双向数据绑定的实现与下面链接中描述的 AngularJs 相同,还是基于事件?我只是想根据这个决定是否使用角度。
https://stackoverflow.com/a/30425085/2792959
角度 2 是否也基于消化周期?
angular - Ionic3 - 深度链接后,双向绑定不起作用(存在测试代码)
我对阻止 Angular 的双向绑定的深度链接有疑问。
我在 git 中做了一个测试项目。请在此处查看(这是一个简单的离子默认项目。如果您已经安装npm
并且ionic-cli
,只需运行npm i
,ionic 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 ios
,ionic cordova platform add ios
但没有运气。
谁能告诉我我的代码有什么问题?
非常感谢。
编辑:我可以使用ChangeDetectorRef
'sdetectChanges
来强制更新视图。但我认为这不是一个好的解决方案。
knockout.js - Knockout.js:是否可以使用“with”进行单向数据绑定?
在 Knockout 文档中,据说如果我们不使用 ko.observable(...),单向数据绑定是可能的:http: //knockoutjs.com/documentation/value-binding.html
但是,以下代码无法按我的预期工作:
'selectedMerchant' 是在没有 ko.observable(...) 的情况下声明的,所以它应该是单向绑定的。我希望一旦单击“更改”按钮,输入框中的文本将更改为“大卫”。我还尝试了不同的方向 - 我更改了输入中的文本并单击了“显示”按钮。消息框给出了它在开始时的初始值。
angular - 传递更多数据@input angular 2
我们如何将多个组件切换到另一个组件?我需要使用“双向数据绑定”。
我尝试了以下方法:
我需要去“DrawerMenuComponent”组件“DialogLoginSignupComponent”和“AppHeaderComponent”
这不起作用。我哪里错了?
谢谢!
android - 味精:在数据绑定中找不到值类型为 java.lang.String 的属性 'android:text' 的 getter?
我正在尝试在edittext中使用数据绑定,早上它工作正常但突然出现错误:
20:4 -34:40 行的 EditText
查看持有人:
突然出了什么问题?
尝试的解决方案: 1. 使缓存无效并重新启动。2.清理项目和重建项目。
javascript - Angular 2 单向 HTML 数据绑定,就像我们在 Angular 1 中使用 ::
在 Angular 2 中有什么方法可以像在 Angular 1 中那样实现单向数据绑定。
我们如何以 Angular 2 的方式实现这一点。我们有什么替代方案。
注意:我不想仅反映 HTML 上的更改。我需要更新的值@component end,但我不想只在 UI 上显示更改