Question

如何在Angular 2中将文本分成我的textarea？

我得到的组件显示了一些细节。

<div class="panel panel-default">
    <div class="panel-heading">Details</div>
    <br>
    <div class="panel-body">
        <form action="" class="form-horizontal" *ngIf=alias>
            <div class="form-group">
                <label for="mail" class="col-sm-2 control-label">Mail: </label>
                <div class="col-sm-9">
                    <p class="form-control">{{alias.name + '(at)' + alias.domain}}</p>
                </div>
            </div>
            <div class="form-group">
                <label for="recipients" class="col-sm-2 control-label">Recipients: </label>
                <div class="col-sm-9">
                    <textarea class="form-control" row="4" col="50"> {{ alias.recipients }} <br></textarea>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-8">
                    <button type="submit" class="btn btn-outline-info" (click)="goBack()">Cancel</button>
                </div>
            </div>
        </form>
    </div>
</div>

我尝试在<br>中添加textarea但不起作用。我想得到这样的东西：输出：

alias.recipient1

alias.recipient2

alias.recipient3

而是alias.recipient1，alias.recipient2，alias.recipient3（现在我有了这个）

Answer 1

在你的app逻辑（控制器或你正在使用的任何东西）中，你必须将它们分开（假设它们当前用逗号空格分隔）：

alias.recipients = alias.recipients.split(', ').join('\n\n');

为每个值打破文本（换行）

1 个答案: