【问题标题】:Angular Model Change not Applying角度模型更改不适用
【发布时间】:2015-04-13 05:38:49
【问题描述】:

我有一个应用了textangular 指令的 div

<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

【问题讨论】:

标签: javascript angularjs


【解决方案1】:

尝试使用“ng-keyup”而不是“ng-change”事件监听器。还请阅读如何将 $event 传递给 ng-keyup 侦听器以在您的情况下正确使用它。

【讨论】:

    【解决方案2】:

    尝试 ng-click 而不是 ng-change

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

    【讨论】:

      猜你喜欢
      • 2018-04-02
      • 1970-01-01
      • 2018-11-13
      • 2023-04-06
      • 1970-01-01
      • 1970-01-01
      • 2020-11-27
      • 1970-01-01
      相关资源
      最近更新 更多