Modal window 评论编辑模块（可编辑文字）

Question

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

editComment.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()），你应该：

在控制器中，用这个值初始化你的 $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>

Answer 2

好的，所以我要稍微解释一下。

我有这样的模态window：

我想编辑此 window 中的现有评论。所以我希望我的评论出现而不是文本："Komentarz"（在下面："Treść" 点击那里后）。而且我希望该评论文本是可编辑的，这样我就不必再写下来（将整个文本放到那个区域）。是否可以更好地解释我的目标？

Modal window 评论编辑模块（可编辑文字）

Modal window comment editing module (editable text)

html

javascript

frontend

angularjs