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

Question

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

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

當NG-模型結合我的$範圍變量則返回未定義。當我綁定我的$範圍變量與ng-bind-html然後仍然是相同的結果。於是我給了這個textarea一個Id，並通過使用這個語句來訪問它裏面的值。

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

我得到的值，如下面的圖像中，所以我怎麼能得到我需要的HTML文本在我的模式，這樣我可以通過這個值保存到數據庫中。任何形式的幫助將不勝感激。

Answer 1

如果您的TemplateDescription變量包含原始HTML，那麼您可以嘗試這樣的事情。

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

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

然後你需要使用ng-model

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

我測試綁定TemplateDescription。它會工作。