Угловая JS Проверка изображения Максимальный размер и допустимый формат

Question

Я хочу показать другое сообщение проверки для максимального размера и недопустимого формата при загрузке изображения. Вот мой код, но проверка максимального размера не работает, показывается только недопустимая проверка формата файла.

Вот мой код.

<div class="group-row col-sm-10 col-sm-push-1"> 
    <input class="control-set" type="file" ngf-select ng-model="image" name="image" ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="5MB" ngf-multiple="false" ngf-min-size='1' ui-jq="filestyle"> 
    <div ng-show="createUserForm.$submitted || createUserForm.image.$invalid" ng-model="image"> 
     <span ng-show="createUserForm.image.maxSize" class="text-danger">File must be less than 5 MB.</span> 
     <span ng-show="createUserForm.image.$invalid" class="text-danger">Only .jpg,jpeg and .png images are allowed.</span> 
    </div> 
</div> 

Что я сделал ошибку здесь ???

Answer 1

Показать ошибку, используя createUserForm.image. $ error.maxSize Недосчитался ошибку

<span ng-show="createUserForm.image.$error.maxSize" class="text-danger">File must be less than 5 MB.</span>