Modal窗口注释编辑模块（可编辑文本）

问题描述：

我想要做的是，在ediditing注释操作过程中，我有模态窗口，在textarea内写入注释文本，并且它是可编辑的，不会删除所有带有点击的文本。我只是试图把价值放在textarea中或放置在占位符中。但是这两种选择都是错误的，并且不起作用。有人可以看看这段代码，并给我一个建议，我应该如何采取。Modal窗口注释编辑模块（可编辑文本）

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'); 
     }; 

    }); 

})();

答

我不知道，了解你想要达到的目的。但无论如何：如果你想用$ ctrl.foo（comment.value（））来初始化你的textarea的ng模型，你应该：

在控制器中，init你的$ 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>

我已在下面做出回答并附上说明。希望它写得够清楚。对不起，这样一个愚蠢的问题，但我正在学习，我真的不知道如何实现这一点。我有另一个想法，我试图编码（没有模态窗口） – xross

好吧，我明白了。正如我所说的，您需要将注释值传递给模态的控制器，然后使用它初始化$ ctrl.selected变量。 – Bibzer

谢谢你的帮助 – xross

答

好了，我会说一点点解释。

我有模态窗口这样的：

我想编辑在此窗口中现有的注释。因此，我希望我的评论代替文字显示：“Komentarz”（点击后在“Treść”下）。我希望评论文本是可编辑的，所以我不必再次写下它（把整个文本放到那个区域）。这是否能够更好地解释我的目标？

Modal窗口注释编辑模块（可编辑文本）

相关推荐