如何将$ scope变量与angularjs中的文本编辑器绑定

Question

这是我的编辑输入标记：

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

当我的$ scope变量与ng-model绑定时，它返回 undefined 。当我用ng-bind-html绑定我的$ scope变量时，仍然是相同的结果。所以我给了这个textarea一个Id，并使用这个语句访问它里面的值。

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

我得到的值如下图所示，所以如何在我的模态中获取所需的html文本，以便我可以传递此值以保存到数据库中。任何形式的帮助将不胜感激。

Answer 1

如果您的TemplateDescription变量包含原始HTML，那么您可以尝试这样的事情。

首先，您需要将原始HTML设置为可信。

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

然后您需要使用TemplateDescription

绑定ng-model

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

我测试了它。它会起作用。