Угловой, редактирование текста - PullRequest
0 голосов
/ 06 мая 2018

У меня есть 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">&times;</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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...