Angular2 maxLength for textarea作为变量

Question

要设置textarea的最大字母数,我们通过编写来实现: <textarea maxLength="50"></textarea>

但是,我可以做下面的事吗？有什么办法吗？

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'app-create-offer-page',
  template: `
    <textarea maxLength="textareaLength"></textarea>
  `
})
export class CreateOfferPageComponent {
  textareaLength: number = 50;
}

我问,因为那不起作用.

Answer 1

您需要[]Angular将其解释为绑定

 [maxLength]="textareaLength"

这应该适用于本机验证.Angular2验证器当前不支持动态值.

Answer 2

当然,这很简单 - 只需使用属性绑定:

<textarea [attr.maxLength]="textareaLength"></textarea>

Answer 3

在@rinukkusu提供的答案上扩展一点，您甚至可以通过添加三元运算符来使属性可选，如下所示：

<textarea [attr.maxLength]="textareaLength > 0 ? textareaLength : null"></textarea>

该null值将元素中的属性完全删除，这是我需要的。