【发布时间】:2021-10-01 18:15:03
【问题描述】:
我最近开始探索 Angular 并希望使用表单。
问题如标题所述。这是我的创建主题模板。
<form #formData="ngForm" (ngSubmit)="createTheme(formData)">
<div class="new-theme-title">
<label for="themeName">Title <span class="red">*</span></label>
<input type="text" name="themeName" id="themeName" >
<p class="error">
Theme name is required.
</p>
<p class="error">
Theme name must be at least 5 characters long.
</p>
</div>
<div class="new-theme-content">
<label for="postText">Post <span class="red">*</span></label>
<textarea type="text" name="postText" id="postText" rows="8" class="height" ></textarea>
<p class="error">
The field with your post is required.
</p>
<p class="error">
Post must be at least 10 characters long.
</p>
</div>
<div class="new-theme-buttons">
<button class="cancel">Cancel</button>
<button class="public">Post</button>
</div>
</form>
我尝试了什么?
-
- 我已将
import { NgForm } from '@angular/forms';导入到我的创建主题组件中。
- 我已将
-
- 我已将
ReactiveFormsModule, FormsModule导入到我的主题模块中,并导入到根目录中。
- 我已将
-
- 我已将
FormsModule导入到根模块中。
- 我已将
我不知道该怎么做。我的测试项目有一点简单的形式,它的结构和这里一样。它有效。
【问题讨论】:
标签: angular typescript angular-directive