具有mat-autocomplete不能代替但可以增加价值

时间:2019-01-18 15:20:35

标签: angular typescript angular-material

我知道,使用mat-autocomplete的mat-option中的onSelectionChange()可以在选择一个选项时执行某些操作,但是我想要的是自动填充功能将mat-option的值添加到输入中而不是替换其内容。

示例:

  • 输入:“你好”
  • 单击垫选项“世界”
  • 输入:“ hello world”

我如何在不改变表单值标签和存储其先前值并将其放回去的情况下完成此操作(因为这似乎是一个不好的解决方法)?

package pkg1;

import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;

public class TestService 
{
    @Path("/test")
    @GET
    @Produces("text/plain")
    public String methode_test() 
    {
        return "Hello test";
    }
}

1 个答案:

答案 0 :(得分:0)

我的解决方法是始终在选项值前加上当前输入值

<mat-form-field class="w-100">
   <textarea [matAutocomplete]="auto" [value]="hello" matInput></textarea>
   <mat-autocomplete #auto="matAutocomplete" >
      <mat-option [value]="hello + ' ' + world">  <<=== modified 
         world
      </mat-option>
   </mat-autocomplete>
</mat-form-field>