如何仅在angular2中的textarea模糊上更新模型

Question

嗨我有一个受限制的textarea mymodel.每当您更改textarea中的值时,它都会自动更改模型.

我想要它做的只是在textarea而不是live上模糊更新模型,我该怎么做？

当textarea不在焦点时,我仍然希望模型更改更新textarea.

@Component({
    selector: 'app',
    template: `<textarea [(ngModel)]="mymodel"></textarea>
<br><br>
{{mymodel}}
`
})
class App {
public mymodel: any = "hello world";
    constructor() {}
}

Answer 1

您可以"单向"将模型绑定到textarea并仅在blur事件上更新模型.请注意"#ta",这是一个引用textarea元素的局部变量,因此您可以在blur事件中访问它的值.

工作Plunker和代码:

import {Component} from 'angular2/core';
@Component({
    selector: 'my-app',
    template: `<textarea #ta (blur)="mymodel=ta.value" [value]="mymodel"></textarea>
<br><br>
{{mymodel}}
`
})

export class AppComponent {
    public mymodel: any = "hello world";
    constructor() { }
}