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

Question

嗨，我有一个与mymodel绑定的textarea。每当您更改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

你可以＆＃34;单程＆＃34;将模型绑定到textarea并仅在blur事件上更新模型。请注意＆＃34;＃ta＆＃34;，这是一个引用textarea元素的局部变量，因此您可以在模糊事件中访问它的值。

工作Plunker和代码：

list.Select((item,i) => new { index = i, item=item })
    .Where(p=>p.item == null)
    .Select(item=>item.index);

Answer 2

你可以在textarea上调用build MY_DOWNSTREAM_JOB 方法，然后只有当你从textarea中删除焦点而不是生命，即使用[（ngModel）]这样做时，它才会更新你的模态：

(change)

这是同样的工作plnkr。

http://plnkr.co/edit/eMkfsjAcSy3kj9MzQvoz?p=preview

Answer 3

你必须将ng-model绑定到textarea，即使你没有＆＃34;值＆＃34;它也可以工作。初始json数据中的变量。我添加了一个用于演示目的的按钮。 JSFIDDLE

上的完整示例

< textarea placeholder="Comments" ng-model="value"></textarea>

继续here