首页 > 解决方案 > Angular 2+ textarea 占位符条件和翻译

问题描述

有条件的:

<textarea
    class="form-control"
    [placeholder]="(i < 3) ? 'a' : 'b'">
</textarea>

aaabbbbbbbb

翻译:

<textarea
    class="form-control"
    placeholder="{{'STEPS.PLACEHOLDER' | translate}} {{title$ | async}}"
</textarea>

标题是 foo

但我需要条件和翻译:

<textarea
    class="form-control"
    ?placeholder?="?????"
</textarea>

第一个标题是 foo

第二个标题是 foo

第三个标题是 foo

下一个标题是 foo

下一个标题是 foo

下一个标题是 foo

下一个标题是 foo

下一个标题是 foo

标签: angularangular-translate

解决方案


<textarea
    class="form-control"
    [placeholder]="(i < 3) ? ('STEPS.PLACEHOLDER_' + i | translate) + ' ' + (title$ | async) : ('STEPS.PLACEHOLDER_ELSE' | translate) + ' ' + (title$ | async)"
</textarea>

推荐阅读