浅谈Angular中ngModel的$render

Input里面模型的值：{{vm.modelTest}}
<input type="text" ng-model="vm.modelTest" model-render>

.directive('modelRender', function () {
    return {
      require: 'ngModel',
      link: function (scope, iElm, iAttrs, ngModelCtrl) {
        iElm.on('mouseenter', function () {
          //尝试注释
          iElm.val(1);
          console.log(ngModelCtrl);
          
          //尝试注释
          ngModelCtrl.$setViewValue(11);
          console.log(ngModelCtrl);
          
          //尝试注释
          ngModelCtrl.$render();
          console.log(ngModelCtrl);
        }) 
      }
    }
  })

ctrl.$render = function() {
  element.val(ctrl.$isEmpty(ctrl.$viewValue) "htmlcode">

$scope.$watch(function ngModelWatch() {
　　//解析ngModel的表达式，获取内容
  var modelValue = ngModelGet($scope);

  // if scope model value and ngModel value are out of sync
  // TODO(perf): why not move this to the action fn?
　　//判断表达式的值是否跟modelValue一致
  if (modelValue !== ctrl.$modelValue &&
    // checks for NaN is needed to allow setting the model to NaN when there's an asyncValidator
    (ctrl.$modelValue === ctrl.$modelValue || modelValue === modelValue)
  ) {
　　　　//更新modelValue的值
   ctrl.$modelValue = ctrl.$$rawModelValue = modelValue;
   parserValid = undefined;
　　　　//获取管道信息
   var formatters = ctrl.$formatters,
     idx = formatters.length;
　　　　
   var viewValue = modelValue;
   while (idx--) {
    viewValue = formatters[idx](viewValue);
   }
　　　　//如果viewValue和ModelValue不一致
   if (ctrl.$viewValue !== viewValue) {
    ctrl.$viewValue = ctrl.$$lastCommittedViewValue = viewValue;
    ctrl.$render();

    ctrl.$$runValidators(modelValue, viewValue, noop);
   }
  }
　　//返回解析的表达式
  return modelValue;
 });
}];


以上就是小编为大家带来的浅谈Angular中ngModel的$render全部内容了，希望大家多多支持~