代码之家 › 专栏 › 技术社区 › popClingwrap

通过服务更新绑定组件值时出现意外结果

angular2-services angular

popClingwrap · 技术社区 · 7 年前

我的问题是组件/服务交互。 I have made a plunker that demonstrates it 如果有人能解释问题所在,我会很高兴,因为我被难住了。

<input type='text' [value]='labelStr'> 哪里 labelStr
我还有一个声明 BehaviourSubject . 第一个组件订阅此主题。

组件通过其订阅收到通知,并更新 标签TR 属性是由字符串预先挂起的接收值 .

大多数情况下,它按预期工作-键入一些字符,单击out,值更新为 . 当您输入文本时,会出现问题,单击“退出”,然后单击“返回”,然后再次输入相同的文本。在这种情况下,价值似乎没有更新,就我的一生而言,我看不出为什么不更新。我真的希望这是一件让人难堪的显而易见的事情,我可以很容易地解决。
如果我解释得不好,请大喊一声。

谢谢你能提供的任何帮助。

1 回复 | 直到 7 年前

amal 7 年前

如果您使用 ngModel 而不是 value

首次导入 FormsModule 到 app.ts

import {FormsModule} from '@angular/forms'

@NgModule({
  imports: [ BrowserModule, FormsModule ],
  declarations: [ App, InputWidgetComponent],
  bootstrap: [ App ],

})
export class AppModule {}

在里面 input-widget.ts input 到

<input type="text" [(ngModel)]="labelStr"
    (focus)="handleFocus($event)"
    (blur)="handleBlur($event)">

希望有帮助

推荐文章

Sudharsan Venkatraj · 如何在Angular2中发布图像?

7 年前

Antony Sampath Kumar Reddy · 在angular 2及以上版本中发出“ng build--prod”命令时,为什么生成块文件

7 年前

Nasrul Bharathi · 如何在没有@Output decorator的情况下使用EventEmitter?

7 年前

Jayesh Ambali · TypeError:对象不支持属性或方法“map”-AngularJS2

7 年前

Prateek Ratnaker · 更新服务中声明的变量时更新组件变量

7 年前

Sakkeer A · 如何在单击Angular 2中的按钮时实现全屏窗口功能?

7 年前

Brijesh Mavani · 如何将angular 2服务中的数组传递给asp。net web API?

7 年前

Amit Sawant · 无法访问Angular 2组件中addEventListener()中的“this”上下文

7 年前

Miguel Teixeira · Angular2:Http。获取未定义的映射

7 年前

Muskett · Angular2向单页应用程序添加JSON数据

7 年前