ng-models不能用ng-show更新

Question

我有一個web應用程序，我正在創建，並且在一個頁面上，我創建了一個嚮導，如用戶使用ng-show an dhide填寫的表單。

<div ng-show="tab === 1"> 
    <input type="text" ng-model="mealName"> 
    <button ng-click="setTab(2)">Add Description</button> 
</div> 
<div ng-show="tab === 2"> 
    <input type="text" ng-model="mealDesc" > 
    <button ng-click="setTab(3)">Add Macros</button> 
</div> 

此代碼是一個顯示想法的片段，每次用戶單擊該按鈕時，其隱藏一個div並顯示下一個。所有這些工作正常，但是這些字段不存儲輸入的值以供將來在函數中使用

任何人都知道爲什麼會發生這種情況？

Answer 1

改爲將ng-models設置爲「meal.name」和「meal.desc」。如果它們以後不存儲，它們可能根本就不存儲，因爲ng-show會影響變量本身。