Angular Material 2 无法抑制所需的星号

Question

我正在努力抑制占位符上的星号以获取所需的输入并选择 Angular Material 2 表单中的字段。这是 HTML:

  <form class="project-info-container">
    <h3 color="primary">Inputs</h3>
    <md-input-container>
      <input md-input placeholder="Contact Email" [(ngModel)] = "contact.email" name="email" md-no-asterisk required>
    </md-input-container><br />
    <md-input-container>
      <input md-input placeholder="Permit Number" [(ngModel)] = "project.permitNumber" name="number" md-no-asterisk required>
    </md-input-container><br />
    <md-input-container>
      <input md-input placeholder="Project Name" [(ngModel)] = "project.projectName" name="name" md-no-asterisk required>
    </md-input-container><br />
    <md-input-container>
      <input md-input placeholder="Project Address" [(ngModel)] = "project.address" name="address" md-no-asterisk required >
    </md-input-container><br />
    <md-select [(ngModel)] = "submissionNumber" name = "subnum" class = "submission-select" color="primary" placeholder="Submission Number" md-no-asterisk required>
      <md-option *ngFor = "let sub of subs" [value] = "sub">
        {{sub}}
      </md-option>
    </md-select>
  </form>

如您所见，我尝试使用 md-no-asterisk 属性，但无济于事。另外，我删除了以下样式表中占位符类上的 ::after 样式:

/node_modules/@angular/material/input/input.css
/node_modules/@angular/material/input/input.scss
/node_modules/@angular/material/select/select.css
/node_modules/@angular/material/select/select.scss

表单仍然显示星号，我很困惑为什么。非常感谢任何帮助。

Answer 1

您可以查看此 Pr:https://github.com/angular/material2/pull/4237/files/c395b2019459f1e24494dcdcce21e6aa8e4bd899#diff-57ec6b8f9c25230070b7d749bc04c51b

有一个名为 hideRequiredMarker 的元素，您可以将其用于您的案例

<md-input-container [hideRequiredMarker]="true">

它在 master 上推送不到一个月，所以你需要最新版本的 Angular & Material