如何获取HTML标记的值并在Angular 2组件中使用它们？

我是Angular 2的新手，对它的语法不太熟悉。我有一个表单，在html页面中有输入和选择等

它们中的大多数都没有任何组件，只有HTML标记中的值。但是我想从HTML中获取这些值，并在我的组件中使用它们。我搜索了很多，但没有成功。如何在HTML和ts页面中编写所需的内容

例如，这是我表格的一部分：

<select class="form-control " id="sel1">
                        <option disabled>type</option>
                        <option>apartment</option>
                        <option>store</option>
                        <option>villa</option>
                        <option>ofiice</option>
                    </select>

类型
公寓
商店
别墅
奥菲斯

---

我应该注意到，当我想问这个问题时，我之前搜索过，但没有得到答案。

经过这么多搜索，我找到了答案： 对于html页面中的选择和选项标记：

<select #selecttypes>
                    <option disabled>type</option>
                    <option *ngFor="let type of types" [value]="type.id">{{type.name}}</option>
</select>
<button (click)=onSubmit($event,selecttypes)>Submit</button>

<input #rooms name="username" type="text" required>
<button (click)="onSubmit($event,rooms.value)>Submit</button>

对于输入标记： 在html页面中：

<select #selecttypes>
                    <option disabled>type</option>
                    <option *ngFor="let type of types" [value]="type.id">{{type.name}}</option>
</select>
<button (click)=onSubmit($event,selecttypes)>Submit</button>

<input #rooms name="username" type="text" required>
<button (click)="onSubmit($event,rooms.value)>Submit</button>

---

我希望它会有用。

所以你搜索了“角度形式”，什么也没得到？因为那里有大量的信息，来自官方文件和其他地方。例如：应该是另一种方式，您应该在角度组件中包含这些值，然后在HTML中使用它们。@tima您确定没有其他方式吗？@AmirGh另一种方式是以某种方式将HTML加载到字符串或文件中，然后在角度组件中对其进行解析以获得值。这是可以做到的，但这不是一个好办法。@tima好的，谢谢