javascript - 获取指令中输入文本的值 (ANGULAR.JS)

Question

http://jsfiddle.net/ccLwj3us/

嗨。这是我的代码。我需要获取输入文本的值，但只有当输入文本上的值更改时才能获取该值。如何在不改变的情况下获取输入文本的值。(初始获取输入文本的值)

我想做一些非常通用的事情，我可以在任何 Controller 中重用它。有一定数量的字段并验证它们，所以我不想总是获取变量“number”的值。

我想在任何 Controller 上重用此指令。我不会总是拥有 $scope.numero 变量。如何在指令中不输入scope.numero 的情况下获取文本字段的值？

  var app = angular.module('app', []);

  app.controller('appCtrl', function ($scope) {
  $scope.numero=100500
  });

  app.directive('validate', function () {

      return {
          restrict: 'AE',
          require: 'ngModel', 

          link: function (scope, element, attrs, ngModel) {
            if (!ngModel){
              return;          
            }

            ngModel.$parsers.push(function(val){
              if ((val>10) && (val<20)){
                element.removeClass("wrong"); 
                element.addClass("correct"); 
              } else {
                element.removeClass("correct");
                element.addClass("wrong"); 
              }
              ngModel.$render();
            })


          }
      };
  });

Answer 1

您需要的数据已经在 ngModel 中，因此您可以使用 ngModel.$modelValue 检索它。

(一般来说，使用 Angular 时最好改掉从 DOM 读取数据的习惯——DOM 是范围数据的副作用表示；不需要指令“从 DOM 读取数据”输入字段”，因为输入字段首先是使用指令中已有的数据填充的!)