在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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


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

圖片描述


點擊編輯后變?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ù)組中的每個對象都附加上編輯標準 ,再點擊時把item傳入函數(shù)里就能達到編輯某一個的目的

2017年4月24日 02:51