У меня есть 10 пунктов, которые я вывожу с ng-repeat
. Под каждым есть кнопка редактирования. При нажатии вызывается функция, которая обнаруживает обычное модальное окно начальной загрузки, в которое я подставляю текст:
$scope.stepEdit = function (index, text) {
$("#myModal").modal({show: true});
$scope.editText = text;
};
В модальном окне есть кнопка «Сохранить», но я не совсем понимаю, как сохранить этот текст. Мысль о ng-bind
, но, опять же, я не понимаю, как это использовать здесь
Вот эти 10 пунктов:
<div class="list-group" id="steps">
<hr>
<div ng-repeat="desc in info.steps">
<a href="#" class="list-group-item list-group-item-action ng-binding ng-scope" id="steps">{{desc}}</a>
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-secondary active" ng-click="stepEdit($index, desc)">
<i class="fa fa-pencil" aria-hidden="true"></i>
</label>
<label class="btn btn-secondary" ng-click="stepDelete(desc)">
<i class="fa fa-trash" aria-hidden="true"></i>
</label>
</div>
</div>
</div>
И под этим расположен модал:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<textarea class="modal-body" ng-model="newText">{{editText}}</textarea>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" ng-click="sendNewText">Save changes</button>
</div>
</div>
</div>
</div>