How do I make the default required of md-select I am doing, that does not activate when I select :focus: , if not activate by default as soon as you execute the code:
var app = angular.module('App', ['ngMaterial', 'ngMessages']);
app.controller('AppCtrl', function($scope) {
$scope.console = function() {
console.log("algo");
$scope.statusForm.status.$touched = true;
}
});<!DOCTYPE html>
<html ng-app="App">
<head>
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-aria.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-messages.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="AppCtrl">
<form name="statusForm">
<md-input-container>
<label>Tipo de archivo</label>
<md-select ng-model="statusId1" required name="status" >
<md-option value="img" ng-init="console()">Imagen</md-option>
<md-option value="pdf">Pdf</md-option>
</md-select>
</md-input-container>
</form>
</body>
</html>