angular.js怎么编辑ng-repeat中特定的部分?

angular.js怎么编辑ng-repeat中特定的部分?


用ng-repeat循环出了一个详情页,需要在点击“编辑”按钮之后,<span>变为可编辑的<input>。
每个模块是有id的……我没写出来。话说难道直接操作数组吗……
我不知道怎么能选定特定的这个模块,故来求助。谢谢
(如下图所示,代码后附)

https://img.mukewang.com/5ca5bda700010a6703800408.jpg


点击编辑后变为输入框:

https://img1.mukewang.com/5ca5bda90001975706080422.jpg

<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>


守着星空守着你
浏览 370回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript