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
私は何を間違っていますか?