AngularJS ngRequired ngDisabled не работает

Question

Когда я устанавливаю значение на вход с type="date", AngularJS не будет знать, имеет ли элемент значение. Ниже приведен пример кода.

<script src="angular.min.js"></script> 
<div name="mainForm" ng-app="appTesting" ng-controller="ctrlTesting" ng-form> 
    <input type="date" ng-model="dateField" name="dateField" id="dateField" required /> 
    <button ng-disabled="mainForm.dateField.$error.required">A disabled button</button> 
    <button ng-click="setValue()">Set Value</button> 
</div> 
<script> 
angular.module("appTesting", []).controller("ctrlTesting", function($scope, $filter) { 
    $scope.setValue = function() { 
     $scope.dateField = $filter('date')(new Date(), 'yyyy-MM-dd'); 
     document.getElementById('dateField').value = $filter('date')(new Date(), 'yyyy-MM-dd'); 
    }; 
}); 
</script> 

Отключенная кнопка остается отключенной после установки значения в поле ввода.

Есть ли способ установить вручную $error.required в true? Или, есть способ вручную запустить ng-disabled проверку после установки значения?

Answer 1

Error: [ngModel:datefmt] Expected `2015-05-29T19:06:16.693209Z` to be a date - Angular, связанные с

вашей переменной ngModel области видимости не является допустимым объектом Дата.

Просто введите свой dateField переменную до setValue.

$scope.dateField = new Date(); 

Answer 2

Я не знаю, почему он не должен работать для вас, но это JSFiddle работает отлично:

HTML:

<div ng-app="app"> 
    <div name="mainForm" ng-app="appTesting" ng-controller="ctrlTesting" ng-form> 
     <input type="date" ng-model="dateField" name="dateField" id="dateField" required /> 
     <button ng-disabled="mainForm.dateField.$error.required">A disabled button</button> 
     <button ng-click="setValue()">Set Value</button> 
    </div> 
</div> 

JS:

var app = angular.module("app", []); 
app.controller('ctrlTesting', ['$scope', '$filter', function ($scope, $filter) { 
    $scope.setValue = function() { 
     $scope.dateField = $filter('date')(new Date(), 'yyyy-MM-dd'); 
     document.getElementById('dateField').value = $filter('date')(new Date(), 'yyyy-MM-dd'); 
    }; 
}]); 

Answer 3

InstEd использования "myForm.input. $ error.required ", вы можете использовать" myForm.input. $ error.date ".

Это будет служить всем вашим требованиям, которые вы хотите получить от обязательного атрибута.