Ionic framework 如何分离主屏幕和离子模式中的字段？

我正在试用用于编辑应用程序中项目的ionic模式。在我的主屏幕上，我配置了一个按钮来打开一个模式并传递项目详细信息。以下是html代码：

                <button class = "button button-block" ng-click = "openModal(item)">
                <div class="row">
                    <item class="col col-15">{{item.itemName}} </item> 
                    <item class="col col-15">{{item.brand}} </item>
                    <item class="col col-5">{{item.size}} </item> 
                    <item class="col col-15">{{item.quantity}}</item>
                    <item class="col col-15">{{item.threshold}}</item>
                </div>
                </button>

我能够在我的模式中显示itemdetail属性，并且我已将模式中的2个字段配置为可编辑：

        <form name="inventoryItemModal">
            <div   class="col">

                <item class="row">
                    <item class="col">Brand : {{itemdetail.brand}} </item>
                </item>
                <item class="row">
                    <item class="col">Size : {{itemdetail.size}} </item> 
                </item>
                <item class="row">
                    <div class= "col"> Quantity : &nbsp;
                    <input type="number" ng-model="itemdetail.quantity" step="1" max="99999999" ng-change='fieldchanged=true'>
                    </div>
                    <div class="col"> Threshold : &nbsp;
                        <input type="number" ng-model="itemdetail.threshold" min="1" step="1" max="99999999" ng-change='fieldchanged=true'>
                    </div>
                </item>

            </div>
            <button class = "button button-{{colorTheme}}"
                    ng-disabled="!inventoryItemModal.$dirty || inventoryItemModal.$invalid "
                    ng-click = "processItem(itemdetail)">Update</button>
        </form>

品牌：{{itemtail.Brand}
大小：{{itemdail.Size}
数量：
门槛：
更新

---

问题是，当我更改数量字段的值，但在模式外单击返回主屏幕时，主屏幕会反映在模式中更改的值，即使我在主屏幕（item.quantity）和模式屏幕（itemdetail.quantity）中使用了不同的变量。为什么item.quantity在更改？

我可以通过将模式中输入字段的名称从quantity更改为QuantityModel来解决此问题。我不知道这是为什么，但它是有效的

        <form name="inventoryItemModal">
            <div   class="col">

                <item class="row">
                    <item class="col">Brand : {{itemdetail.brand}} </item>
                </item>
                <item class="row">
                    <item class="col">Size : {{itemdetail.size}} </item> 
                </item>
                <item class="row">
                    <div class= "col"> Quantity : &nbsp;
                    <input type="number" ng-model="itemdetail.quantity" step="1" max="99999999" ng-change='fieldchanged=true'>
                    </div>
                    <div class="col"> Threshold : &nbsp;
                        <input type="number" ng-model="itemdetail.threshold" min="1" step="1" max="99999999" ng-change='fieldchanged=true'>
                    </div>
                </item>

            </div>
            <button class = "button button-{{colorTheme}}"
                    ng-disabled="!inventoryItemModal.$dirty || inventoryItemModal.$invalid "
                    ng-click = "processItem(itemdetail)">Update</button>
        </form>