Angular2如果ngModel是一個表單標籤內使用，無論是名稱屬性必須設置或形式

Question

我從角2

core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 caused by: If ngModel is used within a form tag, either the name attribute must be set or the form 
     control must be defined as 'standalone' in ngModelOptions. 

     Example 1: <input [(ngModel)]="person.firstName" name="first"> 
     Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> 



    <td *ngFor="let lag of ce.lags"> 
        <div class="form-group1"> 
        <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}" class="form-control" pattern="[0-9]*(\.[0-9]+)?" required> 
        </div> 

       </td> 

收到此錯誤這是我如何使用表單標籤：

<form #f="ngForm" (ngSubmit)="onSubmit()"> 

Answer 1

您沒有提及您使用的版本，但是如果您使用的是rc5或rc6，則表示「舊」風格的表單已被棄用。看看這個指導的「新」的形式技巧：https://angular.io/docs/ts/latest/guide/forms.html

Answer 2

如果使用ngForm，所有這些具有[(ngModel)]=""輸入字段必須具有屬性名一個值。

<input [(ngModel)]="firstname" name="something"> 

Answer 3

你需要在你的page.ts中從@ angular/forms導入{NgForm}

代碼HTML：

<form #values="ngForm" (ngSubmit)="function(values)"> 
... 
<ion-input type="text" name="name" ngModel></ion-input> 
<ion-input type="text" name="mail" ngModel></ion-input> 
... 
</form> 

在你Page.ts，實現您的funcion操作表單數據：

function(data) {console.log("Name: "data.value.name + " Mail: " + data.value.mail);} 

Answer 4

每個開發人員都有一個共同的習慣，而不是閱讀完整的錯誤，剛剛閱讀第一行，開始尋找別人的答案:) :)我也是其中之一，這就是爲什麼我在這裏：

閱讀錯誤，清楚地說：

Example 1: <input [(ngModel)]="person.firstName" name="first"> 
Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> 

還有什麼我們需要了解這個錯誤？

使用任何一個選項，一切都將順利進行。

Answer 5

爲了能夠以您想要的形式顯示信息，您需要提供這些感興趣名稱的特定輸入。我建議你必須：

---

<form #f="ngForm" (ngSubmit)="onSubmit(f)"> ... 
<input **name="firstName" ngModel** placeholder="Enter your first name"> ... 

Answer 6

對我來說，解決方案是非常簡單的。我將<form>標記更改爲<div>，錯誤消失。

Answer 7

當你清楚地看看控制檯。它會給你兩個example.Implement任何這些。

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: 
    true}"> 

或<input [(ngModel)]="person.firstName" name="first">

Answer 8

需要兩個屬性，並且還重新檢查所有形式的元素具有 「name」 屬性。如果你使用表單提交的概念，其他明智的只是使用div標籤，而不是表單元素。

<input [(ngModel)]="firstname" name="something"> 

Answer 9

嘗試......

<input type="text" class="form-control" name="name" placeholder="Name" 
        required minlength="4" #name="ngModel" 
        ngModel> 
        <div *ngIf="name.errors && (name.dirty || name.touched)"> 
         <div [hidden]="!name.errors.required" class="alert alert-danger form-alert"> 
          Please enter a name. 
         </div> 
         <div [hidden]="!name.errors.minlength" class="alert alert-danger form-alert"> 
          Enter name greater than 4 characters. 
         </div> 
        </div>