NgForm在angular6中未显示验证消息

Question

为了验证书籍代码的输入文本字段，我以这种方式使用ngForm：

      <form name="form" (ngSubmit)="f.form.valid" #f="ngForm" validate>
    <div class="table-responsive bg-light rounded py-2 my-0">
      <table class="mx-4" cellpadding="5">
        <tbody>

  <td style="width: 12%;"> <strong>{{'code' |translate }}</strong></td>
             <td style="width: 20%;">
                <input name="code" type="text" class="form-control" [(ngModel)]="book.code" #code="ngModel" minlength="4" [ngClass]="{ 'is-invalid': f.submitted &&  code.invalid }"
                required id="coderat">
              <div *ngIf="f.submitted &&   code.invalid " class="text-danger">
                <div *ngIf=" code.errors.minlength">Le code doit avoir plus que 4 chiffres</div>
                <div *ngIf=" code.errors.required">Le code ne doit pas etre nul</div>
              </div>
            </td>

     <div class="text-center">
            <button type="submit" class="btn btn-sm btn-outline-success my-1 rounded float-right" (click)="saveBookModification(book,f)"
              prevent-double-submit><i class="fa fa-dot-circle-o"></i>Enregister</button>
          </div>
  </tbody>
      </table>
    </div>
  </form>

任何人都能找到这段代码有什么问题吗 附言：我在另一页中使用了相同的方式，并且验证工作正常。