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

时间:2017-06-06 08:45:02

标签: javascript html angularjs frontend

我想说,在ediditing评论操作期间,我有一个模态窗口,其中注释文本写在textarea中,并且可以编辑而不会通过单击删除所有文本。我试图将值放在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');
        };

    });

})();

2 个答案:

答案 0 :(得分:3)

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

在控制器中,使用以下值初始化$ ctrl.selected变量:

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

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

start = 0.0 
end = 200.0 
duration = 1000 
bounces = 10

答案 1 :(得分:0)

好的,我稍后会解释一下。

我有这样的模态窗口: modal window comment

我想在此窗口中编辑现有评论。所以我希望我的评论出现而不是文字:“Komentarz”(在点击“Treść”之后)。我希望评论文本可以编辑,所以我不必再将其写下来(将整个文本放到该区域)。是否能更好地解释我的目标?