鍍金池/ 問(wèn)答/HTML5  HTML/ angular.js怎么編輯ng-repeat中特定的部分?

angular.js怎么編輯ng-repeat中特定的部分?

angular.js怎么編輯ng-repeat中特定的部分?


用ng-repeat循環(huán)出了一個(gè)詳情頁(yè),需要在點(diǎn)擊“編輯”按鈕之后,<span>變?yōu)榭删庉嫷?lt;input>。
每個(gè)模塊是有id的……我沒(méi)寫(xiě)出來(lái)。話(huà)說(shuō)難道直接操作數(shù)組嗎……
我不知道怎么能選定特定的這個(gè)模塊,故來(lái)求助。謝謝
(如下圖所示,代碼后附)

圖片描述


點(diǎn)擊編輯后變?yōu)檩斎肟颍?/p>

圖片描述

<div class="info-file" ng-repeat="item in info">
    <button class="btn" ng-click="toEdit()" ng-show="editPara">編輯</button>
    <button class="btn" ng-click="add()" ng-hide="editPara">保存</button>
    <div class="form-group">
        <label class="label">姓名:</label>
        <input class="input" name="name" ng-model="item.name" ng-hide="editPara">
        <span class="span info-span" ng-show="editPara">{{item.name}}</span>
    </div>
    <div class="form-group">
        <label class="label">年齡:</label>
        <input class="input" name="age" ng-model="item.age" ng-hide="editPara">
        <span class="span info-span" ng-show="editPara">{{item.age}}</span>
    </div>
</div>
回答
編輯回答
糖果果
<div class="info-file" ng-repeat="item in info">
    <button class="btn" ng-click="toEdit(item)" ng-show="item.editPara">編輯</button>
    <button class="btn" ng-click="add(item)" ng-hide="item.editPara">保存</button>
    <div class="form-group">
        <label class="label">姓名:</label>
        <input class="input" name="name" ng-model="item.name" ng-hide="item.editPara">
        <span class="span info-span" ng-show="item.editPara">{{item.name}}</span>
    </div>
    <div class="form-group">
        <label class="label">年齡:</label>
        <input class="input" name="age" ng-model="item.age" ng-hide="item.editPara">
        <span class="span info-span" ng-show="item.editPara">{{item.age}}</span>
    </div>
</div>

數(shù)組中的每個(gè)對(duì)象都附加上編輯標(biāo)準(zhǔn) ,再點(diǎn)擊時(shí)把item傳入函數(shù)里就能達(dá)到編輯某一個(gè)的目的

2017年4月24日 02:51