如何在angularjs中使用文本編輯器綁定$ scope變量

Question

這是我的編輯器輸入標簽：

<textarea cols="18" rows="40" class="wysihtml5 wysihtml5-min form-control" ng-model="TemplateDescription"></textarea>

將我的$ scope變量與ng-model綁定時，它將返回undefined 。 當我將我的$ scope變量與ng-bind-html綁定時，結果仍然相同。 因此，我給了該文本區域一個ID，並使用此語句訪問了其中的值。

$scope.TemplateDescription = $sce.trustAsHtml($("#templateDescription").val());

我得到的值如下圖所示，所以如何在模態中獲取所需的html文本，以便可以將此值傳遞到數據庫中。 任何幫助將不勝感激。

Answer 1

如果您的TemplateDescription變量包含原始HTML，則可以嘗試類似的操作。

首先，您需要將原始HTML設置為可信。

$scope.TemplateDescription = $sce.trustAsHtml($scope.TemplateDescription);

然后您需要使用ng-model綁定TemplateDescription

<textarea cols="18" rows="40" class="wysihtml5 wysihtml5-min form-control" ng-model="TemplateDescription"></textarea>

我已經測試過了 它會工作。