Angular 如何将formControl与<;td>;角度标记2
我试图在table元素中添加formControl,但我总是得到Angular 如何将formControl与<;td>;角度标记2,angular,Angular,我试图在table元素中添加formControl,但我总是得到 错误:名为“发件人”的表单控件没有值访问器。。我尝试使用formControl或formControlName,但没有成功。我说了两个算术,它说使用formControl,没有标记,但没有成功 这是我的代码: <form [formGroup]="toolsubmitform"> <div class="row"> <div class="col-xl-
错误:名为“发件人”的表单控件没有值访问器。
。我尝试使用formControl或formControlName,但没有成功。我说了两个算术,它说使用formControl,没有标记,但没有成功
这是我的代码:
<form [formGroup]="toolsubmitform">
<div class="row">
<div class="col-xl-4 col-lg-5">
<md-card class="user-card">
<!-- <md-card-header>
<img class="rounded-circle img-user" width="70" height="70" src="assets/img/SB-admin.png">
</md-card-header> -->
<md-card-title class="user-title">Stuff</md-card-title>
<md-card-content>
<img class="rounded-circle img-user" width="100" height="100" src="assets/img/SB-admin.png">
<table class="table table-bordered">
<thead class="table-head">
<tr>
<th>staff Name</th>
</tr>
</thead>
<tbody>
<tr >
<td><span formControlName='sender'>Jason</span></td>
<td></td>
</tr>
</tbody>
</table>
</md-card-content>
</md-card>
</div>
</form>
这是我的angular2版本:
"@angular/common": "^2.3.1",
"@angular/compiler": "^2.3.1",
"@angular/core": "^2.3.1",
"@angular/forms": "^2.3.1",
"@angular/http": "^2.3.1",
"@angular/material": "^2.0.0-beta.1",
"@angular/platform-browser": "^2.3.1",
"@angular/platform-browser-dynamic": "^2.3.1",
"@angular/router": "^3.3.1",
是否有任何理由不使用
输入
。我不想把输入框放在表格中,所以我尽量避免使用输入标记。目的是什么??我猜它只能在input/select/textarea
标记中使用(这对我来说很有意义),而且似乎您希望默认情况下将sender
的值设置为Jason。。因此,由于它不可编辑,您可以直接将其放入组件'sender':newformcontrol('Jason')
中。完成后,您可以删除模板中的formControlName
。我不会设置默认值,我将从后端api呈现我的数据,现在我只是做测试。
"@angular/common": "^2.3.1",
"@angular/compiler": "^2.3.1",
"@angular/core": "^2.3.1",
"@angular/forms": "^2.3.1",
"@angular/http": "^2.3.1",
"@angular/material": "^2.0.0-beta.1",
"@angular/platform-browser": "^2.3.1",
"@angular/platform-browser-dynamic": "^2.3.1",
"@angular/router": "^3.3.1",