nebular ui input 设置必填项

Nebular UI是一个基于Angular的UI组件库，它提供了一个名为`NgbInput`的输入框组件。要在Nebular UI中设置输入字段为必填项，你可以通过HTML属性和指令来实现。以下是步骤：

1. 首先，在HTML模板中使用`ngb-form`和`ngb-control-group`来组织表单结构，并将`NgbInput`组件包裹其中。

<form [formGroup]="yourForm">
  <ngb-control-group>
    <label for="requiredField">必填字段:</label>
    <input type="text" id="requiredField" formControlName="requiredField" [required]="true">
    <div *ngIf="yourForm.get('requiredField').invalid && (yourForm.get('requiredField').dirty || yourForm.get('requiredField').touched)">
      <small class="error">请输入内容</small>
    </div>
  </ngb-control-group>
</form>

2. 在相应的组件类 (`YourComponent`) 中，创建一个`FormGroup`并绑定到`yourForm`，并在需要的地方引用这个字段：

import { FormGroup } from '@angular/forms';

@Component({
  selector: 'app-your-component',
  template: ... // 上述HTML代码
})
export class YourComponent {
  yourForm = new FormGroup({
    requiredField: new FormControl('', [Validators.required]) // 第二个参数是一个验证器数组，包含`required`验证器
  });
}

这里我们使用了`[required]="true"`来标记输入框为必填，如果用户未填写则会触发`required`验证器。同时，我们在模板上添加了一段条件检查，当输入框无效（即为空）且已提交（`touched`状态变为`true`）时，显示错误提示。