TextAngular没有按预期运行?

时间:2015-04-07 19:28:34

标签: angularjs

我刚从summernote转到angularText。使用summernote作为我的html编辑器,一切都按预期工作。

使用angularText我的编辑器显示正常,之前输入的html(在summernote下)看起来很好。但是有一个主要问题!

如果我在编辑器中键入一个键,则所有html标签都是VANISH。

有人可能会想到我在设置中遗漏了一些东西,但初始显示看起来很好。只有在我输入密钥之后,事情才会彻底改变。为了简单起见,我的范围是:

$scope.html = "<p>Hello There</p>";

,相关标记为:

<div text-angular ng-model="html"></div>
<textarea ng-model="html" style="width: 100%"></textarea>

在击键之前,我看到: Before key stroke - expected view

在击键之后,所有的html标签都是GONE!

After key stroke - html tags GONE! 非常感谢您的帮助!

PS:&#39;哑巴非常强大!&#39;我可能错过了一些明显的东西!

1 个答案:

答案 0 :(得分:0)

事实证明我有一个指令:contenteditable导致了textAngular的破坏。我重命名了我的指令,问题立即得到了解决。

事实证明我在其他地方真的需要这个令人满意的指令!最终的解决方案非常合理。在我的contenteditable指令中,我只是测试了那些contenteditible元素的类名,并停止了指令修改html否则。因此,我在我满意的指令中添加了:

link: function (scope, element, attrs, ngModel) {

    ...
    ... 

    if (!element.hasClass('task_name')) {
      // don't affect any elements which don't have 'task_name' class
      // so don't bind or $render
    } 
    else 
    {
      ngModel.$render = function () {
        element.html(ngModel.$viewValue || "");
      };

      element.bind("blur keyup change", function () {
        // read is my magic needed for the task_name elements
        scope.$apply(read);
      });
    }

}