javascript - 模态窗口注释编辑模块(可编辑文本)

Question

我想要在编辑评论操作期间，我有一个模态窗口，其中评论文本写在文本区域内，并且可以编辑它，而无需通过单击删除所有文本。我尝试将值放入文本区域或将其放入占位符中。但这两种选择都是错误的并且不起作用。有人可以看一下这段代码并给我建议，我应该如何处理它。

编辑评论.html

<div class="modal-header">
    <h3 class="modal-title" id="modal-title">Edytuj komentarz</h3>
</div>
<div class="modal-body" id="modal-body">
    <div class="row">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-12 form-group">
                    <label>Treść</label>

                    <textarea class="form-control input-sm"
                              name="description"
                              ng-maxlength="512"
                              ng-model="$ctrl.selected"
                              rows="6">{{comment.value()}}</textarea>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-raised btn-primary"
            type="button"
            ng-disabled="!$ctrl.selected"
            ng-click="$ctrl.ok()">Zapisz
    </button>
    <button class="btn btn-raised btn-warning"
            type="button"
            ng-click="$ctrl.cancel()">Anuluj
    </button>
</div>

editComment.js

(function() {
    'use strict';

    angular.module('settlerApplication').controller('EditCommentCtrl', function($uibModalInstance) {

        var $ctrl = this;

        $ctrl.ok = function() {
            $uibModalInstance.close($ctrl.selected);
        };

        $ctrl.cancel = function() {
            $uibModalInstance.dismiss('cancel');
        };

    });

})();

Answer 1

我不确定您想要实现什么目标。但无论如何:如果你想用 $ctrl.foo 初始化你的 textarea 的 ng-model (根据我的理解，在你的情况下是 comment.value() )，你应该:

在 Controller 中，使用以下值初始化 $ctrl.selected 变量:

$ctrl.selected = $ctrl.foo;

或者，在您的模板中，使用 ng-init :

<textarea class="form-control input-sm"
          ng-init="$ctrl.selected = $ctrl.foo"
          name="description"
          ng-maxlength="512"
          ng-model="$ctrl.selected"
          rows="6"></textarea>