角度模型变化不适用

时间:2015-04-13 05:38:50

标签: javascript angularjs

我有一个div,我已应用textangular指令

<div text-angular ng-model="htmlContent" ng-change="processChange()" 

然后我将processChange函数添加到范围

function demoController($scope) {
        $scope.htmlContent = '<h2>شاہ مکھی کاتب</h2><p>....';
        $scope.processChange = function () {
            $scope.htmlContent = $scope.htmlContent.replace('b', 'ب');
            $scope.apply();
        };
    };

现在,即使我正在调用apply(),替换也不会绑定回显示,直到我从div中松开焦点。虽然我还在打字,但它不适用。我必须做什么才能让模型更改立即反映回来,因为用户还在键入?

我试图允许将字符从一种语言转换为另一种语言,而无需用户安装其特定的键盘。

更新:Plunker脚本http://plnkr.co/edit/HSPxDBoPjzNNeaKoKEtY?p=preview

2 个答案:

答案 0 :(得分:0)

尝试使用&#34; ng-keyup&#34;而不是&#34; ng-change&#34;事件监听器。另外,请阅读有关如何将$ event传递给ng-keyup监听器以在您的情况下正确使用它的信息。

答案 1 :(得分:0)

尝试点击而不是ng-change

<div text-angular ng-model="htmlContent" ng-click="processChange()">
{{htmlContent}}
</div>