2017-07-15 57 views
1

这里我使用Angular2我实现对用户访问一些HTML代码,但在HTML5元素结合到angular2源代码,为什么这个数据是不是在Angular2源码侧结合如何省电模式

Htmlcode

<form class="form-horizontal" novalidate [formGroup]="EmployeeForm"> 
    <fieldset> 
     <div class="form-group" [ngClass]="{'has-error': (EmployeeForm.get('EmpName').touched || 
                EmployeeForm.get('EmpName').dirty) && 
                !EmployeeForm.get('EmpName').valid }"> 
      <label for="name">Name</label> 
      <input type="text" class="form-control" formControlName="EmpName" [(ngModel)]="EmpName" /> 
      <span>{{EmpName}}</span> 
      <span class="help-block" *ngIf="(EmployeeForm.get('EmpName').touched || 
                 EmployeeForm.get('EmpName').dirty) && 
                 EmployeeForm.get('EmpName').errors"> 
       <span *ngIf="EmployeeForm.get('EmpName').errors.required"> 
        Please enter your first name. 
       </span> 
       <span *ngIf="EmployeeForm.get('EmpName').errors.minlength || EmployeeForm.get('EmpName').errors.maxlength || 
         EmployeeForm.get('EmpName').pattern"> 
        The first name must be longer than A3 and max5 characters. 
       </span> 
      </span> 
     </div> 
<button type="submit" class="btn btn-success" [disabled]="!EmployeeForm.valid" (click)="SaveDetails(EmployeeForm)">SaveDetails</button> 
    </fieldset> 
</form> 

component.ts 这里其执行ping但数据不结合其表示作为

zain = FormGroup {asyncValidator: null, _pristine: false, _touched: true, validator: function, _onCollectionChange: function…} 



SaveDetails(Employee) { 

    } 

回答

0

尝试从

<button type="submit" class="btn btn-success" [disabled]="!EmployeeForm.valid" (click)="SaveDetails(EmployeeForm)">SaveDetails</button> 

更改代码

<button type="submit" class="btn btn-success" [disabled]="!EmployeeForm.valid" (click)="SaveDetails(EmployeeForm.value)">SaveDetails</button> 
相关问题