1

AngularJS でディレクティブを作成し、min-max および ng-model 属性で入力型番号を使用しました。分離スコープを使用しました。ディレクティブに、blur イベントを記述しました。最小値と最大値を取得していますが、ng-model値を取得していません:

<input my-directive min="5" max="10" ng-model="num" type="number">
myApp.directive('myDirective', function () {
  function link($scope, ele, attr) {
    $scope.$watch('num', function (value) {
      console.log(value);
    })
    ele.on('blur', function () {
      console.log($scope.num, $scope.min, $scope.max);
    })
  }
  return {
    restrict : 'A',
    scope: {
      num: "=ngModel",
      min: "=?",
      max: "=?"
    },
    link: link
  }
});

出力: 未定義 5 10

私は何を間違っていますか?

4

1 に答える 1