如何将换行符转换为mat-option?

时间:2019-04-25 14:06:10

标签: html css angular typescript

我有一个带四个垫子选项的垫子选择板。其中之一包含文本,输入字段和描述。在第一行中,我想在开头输入文本,在结尾输入字段。在第二行中,我只想要描述。

我已经尝试过将mat-option显示为“内容”。

<mat-option class="checkbox" value="Timeout">
  <div style="width: 100%">Timeout</div>
  <div style="width: 100%; text-align: right;">
    <input type="number" matInput placeholder=""[(ngModel)]="sessionTimeout"> 
  </div>
  <div class="information">Session Timeout (seconds)</div>
</mat-option>

我的风格:

/deep/ .mat-option-text{
    display: contents !important;
}

我的输出: https://puu.sh/DjICk/756a22bea3.png

预期输出: https://puu.sh/DjIxu/6495d7ac7c.png

0 个答案:

没有答案