Angular 材质材质材质选择名称属性

我正在做一些简单的形式转换，从引导到材料

虽然我使用的是Angular 6，但表单在提交时以旧式方式发布（不使用Angular表单）

类型1
类型2
提交

为简单起见，我希望保持这种方式，并且在提交此表单时不使用任何javascript（无模板驱动表单或反应式表单）

input

在向

input

添加

name

属性以及在我发布表单（单击提交按钮）时按预期将表单发送到服务器时，效果非常好

对于

mat select

，此数据不会在post数据中发送到服务器。 我猜前者是原生的

input

，其中

matselect

是一个组件

有没有办法让这一切顺利进行？（同样，没有处理TS侧的表单帖子）

找到了答案

只需像这样使用本机

选择
：

<select matNativeControl placeholder="user-type" name="usertype" required>
  <option value="" disabled selected></option>
  <option value="type1">type1</option>
  <option value="type2">type2</option>
</select>


类型1
类型2
找到了答案

只需像这样使用本机
选择
：

<select matNativeControl placeholder="user-type" name="usertype" required>
  <option value="" disabled selected></option>
  <option value="type1">type1</option>
  <option value="type2">type2</option>
</select>


类型1
类型2
不，你不能做到这一点

与
input
字段不同，
mat select
是由
div
和
span
组成的角度分量


您只能发送其绑定值。
不，您无法实现

与
input
字段不同，
mat select
是由
div
和
span
组成的角度分量


您只能发送其绑定值。
有一种方法可以直接将
name
属性设置为
mat select
元素

为了实现它，您需要使用
[attr.name]
构造。最后，代码看起来是这样的


类型1
类型2

演示：
有一种方法可以将
name
属性直接设置到
mat select
元素

为了实现它，您需要使用
[attr.name]
构造。最后，代码看起来是这样的


类型1
类型2

演示：