2017-03-23 10 views
0

こんにちは私はここに状況があります角度JS二重入力指令UpDate表示値

私は二重入力指令を作成しました。あなたは下のシナリオで助けてくださいできますか? コントローラを介してモデル値をundefinedに変更すると、ビューの値はクリアされません。ここでは、次のように

私のデュアル入力ディレクティブは私のコントローラで

<dual-input model-value="dualInput[$index]" ng-switch-when="DUAL_NUMBER" size="{{q.length}}" 
       field-error="{{q.invalid || (nextClicked && !validateGeneralQuestion(acc.memberId, q))}}" id="{{'gQDual'+$index}}" 
       lose-focus="saveGeneralAnswer(acc.memberId, q)"></dual-input> 

とき、次のようにコードのHTML片がある

angular.module("awcQuoteBuy.directives") 
    .directive('dualInput', function($timeout, inputValidationService) { 
    return { 
     restrict: 'E', 
     templateUrl: 'app/partials/common/doubleInput.html', 
     scope: { 
     modelValue: '=', 
     size: '@', 
     fieldError: '@', 
     blurFn: '&loseFocus' 
     }, 
     link: function postLink(scope, element, attrs, ctrl) { 

     scope.leftFocused = false; 
     scope.rightFocused = false; 

     scope.$watch('left', function(newVal, oldVal) { 
      if (newVal!==oldVal) { 
      var tmp = (newVal) ? inputValidationService.formatNumber(newVal+'') : ''; 
      scope.modelValue = tmp + '|'+ scope.getOtherValue(scope.right); 
      } 
     }); 

     scope.$watch('right', function(newVal, oldVal) { 
      if (newVal!==oldVal) { 
      var tmp = (newVal) ? inputValidationService.formatNumber(newVal+'') : ''; 
      scope.modelValue = scope.getOtherValue(scope.left) + '|' + tmp; 
      } 
     }); 

     scope.getOtherValue = function(value) { 
      return (value && value!=='') ? inputValidationService.formatNumber(value+'') : ''; 
     }; 

     //will set the value initially 
     $timeout(function() { 
      if (!scope.modelValue || scope.modelValue===null) { 
      scope.modelValue = ''; 
      } 
      if (scope.modelValue!=='') { 
      var splitIndex = scope.modelValue.indexOf('|'); 
      if (splitIndex>=0) { 
       var values = scope.modelValue.split('|'); 
       scope.left = values[0]; 
       scope.right = values[1]; 
      } else { 
       scope.left = scope.modelValue; 
      } 
      } 
     }); 

     /* 
     Below functions will add on-blur (lose focus) support to both fields. 
     */   
     scope.focusLeft = function() { 
      scope.leftFocused = true; 
     }; 

     scope.blurLeft = function() { 
      scope.leftFocused = false; 
      $timeout(function() { 
      if (!scope.rightFocused) { 
       scope.blurFn(); 
      } 
      }, 100); 
     }; 

     scope.focusRight = function() { 
      scope.rightFocused = true; 
     }; 

     scope.blurRight = function() { 
      scope.rightFocused = false; 
      $timeout(function() { 
      if (!scope.leftFocused) { 
       scope.blurFn(); 
      } 
      }, 100); 
     }; 

     } 
    }; 
    }); 

、である、コードですスコープ値を未定義またはnullに設定した場合、ビューに入力された値はクリアされません。私は、ディレクティブ自体は自動初期化機能を持っている。この値に

$scope.dualInput[$index]=undefined; 
+0

誰でもスコープ値が変更されたときに表示値を更新する方法で私を助けることができます。またはフィールドを再レンダリングします。 – Harry

答えて

0

をクリアするために何をすべきか、ここで私を助けてください。ですから、再初期化したいときはいつでも、指示文を再描画しなければなりませんでした。

明示的にユーザーCTRLを更新する場合。$ setViewvalue =「」

関連する問題