Javascript ng模型不';t在输入字段中连续删除字符时更新

Javascript ng模型不';t在输入字段中连续删除字符时更新,javascript,angularjs,angular-ngmodel,angularjs-digest,Javascript,Angularjs,Angular Ngmodel,Angularjs Digest,我们有问题的ng模型没有正确更新或至少我们认为。我们的问题似乎是,当我们不断地从输入字段中删除字符时,我们的ng模型不会自动更新 我们有两个输入字段,其中一个是tinyMCE文本区域 <div class="form-group" ng-class="{'has-error has-feedback': vacancyForm.inputDescription.$touched && vacancyForm.inputDescription.$invalid

我们有问题的ng模型没有正确更新或至少我们认为。我们的问题似乎是,当我们不断地从输入字段中删除字符时,我们的ng模型不会自动更新

我们有两个输入字段,其中一个是tinyMCE文本区域

        <div class="form-group" ng-class="{'has-error has-feedback': vacancyForm.inputDescription.$touched && vacancyForm.inputDescription.$invalid}">
          <label for="inputDescription">{{ 'Vacancy.Description' | translate }}</label>
          <textarea ui-tinymce="tinymceOptions" ng-model="vacancy.description" ng-change="vm.pasteDescriptionTextInSummary()" ng-model="tinymceModel" class="form-control" required rows="8"></textarea>
          <input type="hidden" ng-model="vacancy.description" name="inputDescription">
          <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true" ng-show="vacancyForm.inputDescription.$touched && vacancyForm.inputDescription.$invalid"></span>
          <span class="help-block text-danger" ng-show="vacancyForm.inputDescription.$touched && vacancyForm.inputDescription.$invalid">{{ 'Vacancy.Description.Alert' | translate }}</span>
        </div>

        <div class="form-group" ng-class="{'has-error has-feedback': vacancyForm.inputSummary.$touched && vacancyForm.inputSummary.$invalid}">
          <label for="inputSummary">{{ 'Vacancy.Summary' | translate }} <small>{{300 - vacancy.summary.length}} {{ 'Vacancy.Characters' | translate }}</small></label>
          <textarea ng-model="vacancy.summary" minlength="1" maxlength="300" name="inputSummary" class="form-control" required rows="2"></textarea>
          <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true" ng-show="vacancyForm.inputSummary.$touched && vacancyForm.inputSummary.$invalid"></span>
          <span class="help-block text-danger" ng-show="vacancyForm.inputSummary.$touched && vacancyForm.inputSummary.$invalid">{{ 'Vacancy.Summary.Alert' | translate }}</span>
        </div>

{{'空缺.说明'|翻译}}
{{'emptance.Description.Alert'| translate}}
{{'空缺.Summary'{300-空缺.Summary.length}{{'空缺.Characters'{翻译}}
{{'emptance.Summary.Alert'| translate}}
在上面的代码块中,我们希望将空缺.summary模型设置为空缺.description模型。我们使用下面的javascript函数,该函数由ng更改触发

vm.pasteDescriptionTextInSummary = function(e) {
    var desc = $scope.vacancy.description;
    if (desc) {
        desc = desc.replace(/(<([^>]+)>)/ig, '')
            .replace(/&nbsp;/gi, ' ')
            .replace(/&amp;/gi, '&')
            .replace(/&lt;/gi, '<')
            .replace(/&gt;/gi, '>');

        var cutString = '';

        if (desc.length > 300) {
            cutString = desc.substring(0, 300);
            $scope.vacancy.summary = cutString;
        } else {
            $scope.vacancy.summary = desc;
        }
    } else {
        $scope.vacancy.summary = desc;
    }
};
vm.pasteDescriptionTemperateSummary=函数(e){
var desc=$scope.空缺.description;
如果(描述){
desc=desc.replace(/(]+)>)/ig',)
.replace(//gi,“”)
.替换(/&;/gi,,&)
.替换(//gi,”);
var cutString='';
如果(描述长度>300){
cutString=desc.substring(0,300);
$scope.空缺.summary=cutString;
}否则{
$scope.空缺.summary=desc;
}
}否则{
$scope.空缺.summary=desc;
}
};

该函数的工作方式与我们所希望的一样,但正如标题所述,我们遇到了连续删除字符的问题,并且它以块而不是每个字符(摘要周期?)进行更新。即使我们将模型直接彼此设置,它仍然没有正确更新,即使它没有通过函数

在第一个
text区域中有两个
ng moedl
。是打字错误吗?我猜您将控制器重命名为vm,尝试vm.emptance.summary并删除其中一个ng型号您的第一个
文本区域中有两个
ng moedl
。是打字错误吗?我猜您将控制器重命名为vm,请尝试vm.emptance.summary并删除一个ng模型