Angularjs步步形式

-1

我試圖創建本小提琴 steb by step angular form Angularjs步步形式

給出完全相同的形式，但每當我點擊的第一步復位..我怎樣才能防止這種進入下一個按鈕的數據？在javascript中提交時，所有數據都是未定義的。

請幫助我..

2016-08-21 yog

每個問題發一個問題，併發布所有相關的代碼。一個可以重現問題的人也受到歡迎。 –

提供您自己的代碼，以便我們可以看到問題出在哪裏。但作爲一個建議檢查，所有的表單數據都連接到同一個「範圍」，這意味着它們全部由單個控制器處理。將所有數據存儲在像'ng-model =「user.name」'等'範圍內的對象中，以便最終所有表單數據都在'user'對象中。 – Skywalker

我想運行鏈接中給出的相同示例...在填充第1步表單後，如果我點擊下一步它將轉到第2步，但如果我想在上一步中執行任何更改......點擊之前按鈕任何數據輸入較早應保留，但所有領域都是空的.. – yog

在你只要不保留用戶數據，這意味着數據正在綁定在控制器的任何代碼的jsfiddle。所以當離開部分時，數據被刪除。

要保留的數據進行以下修改：

// In your controller add the following object to the $scope 
    $scope.user = {} 

// In your HTML code add the following to your input fields 
    <input type="text" id="teamName" ng-model="user.teamName" placeholder="Team Name" />

請注意，在input領域ng-model標籤，這是你的控制器中的數據綁定到用戶對象

繼承人工作JsFiddle請注意，我只更新了球隊名稱字段。在「團隊名稱」字段中鍵入內容並轉到下一部分，它將保留您的數據。您將需要更新剩餘的字段。

來源

2016-08-21 18:57:30 Skywalker

非常感謝你的工作......我在控制器中缺少$ scope.user = {} ... – yog

Angularjs步步形式

回答

相關問題