Angular Material md- input -container不会在必填输入字段中添加星号*

Angular Material是一个UI组件库，它提供了一套现成的、美观的UI组件，帮助开发者快速构建用户界面。md-input-container是Angular Material中的一个组件，用于包裹输入字段，并提供一些额外的功能和样式。

在必填输入字段中添加星号*是一种常见的UI设计方式，用于标识该字段为必填项。然而，在Angular Material中，md-input-container并没有直接提供添加星号的功能。但是我们可以通过一些自定义的方式来实现这个效果。

一种常见的做法是在md-input-container中添加一个带有星号的标签，然后使用CSS样式来控制其显示与隐藏。具体步骤如下：

在md-input-container中添加一个带有星号的标签，例如：<md-input-container> <input mdInput placeholder="必填项"> <span class="required">*</span> </md-input-container>
在CSS中定义.required样式，控制星号的显示与隐藏：.required { color: red; margin-left: 5px; display: none; } .md-input-invalid .required { display: inline; }这里使用了display属性来控制星号的显示与隐藏。初始状态下，通过display: none;将星号隐藏起来。当输入字段的状态为无效（即必填字段未填写）时，Angular Material会自动给md-input-container添加一个.md-input-invalid类，我们可以利用这个类来控制星号的显示。
在应用中引入以上样式文件。

这样，当必填字段未填写时，星号将会显示出来，提醒用户该字段为必填项。

推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款全托管的云原生应用开发平台，提供了丰富的后端服务和前端开发框架，帮助开发者快速构建云原生应用。您可以通过以下链接了解更多信息：