Как проверить выпадающее меню с помощью angularjs?

У меня есть одно текстовое поле и панель выпадающего меню. Если пользователь вводит что-либо в текстовое поле, нам нужно просить пользователя выбрать кого-либо из раскрывающегося списка (что означает, что пользователю требуется).если пользователь удалил введенное значение из текстового поля, тогда пользователю не нужно выбирать dropdown (это означает, что текстовое поле может быть пустым и поэтому не нужно отображать раскрывающийся список) помогите мне продвинуться вперед. Я добавил код ниже

angular
  .module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
    .controller('DemoCtrl', function ($scope) {
        $scope.users = ['','abs','xcv'];
    
      
   
    })
       
   
  .config(function($mdThemingProvider) {

    

    $mdThemingProvider.theme('docs-dark', 'default')
      .primaryPalette('green')
      .dark();

  });

 <link rel="stylesheet" href="#" onclick="location.href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic'; return false;">
    <link rel='stylesheet prefetch' href='https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.5/angular-material.css'>
    <link rel='stylesheet prefetch' href='https://material.angularjs.org/1.1.5/docs.css'>
    <div ng-controller="DemoCtrl" layout="column" ng-cloak="" class="md-inline-form inputdemoBasicUsage" ng-app="MyApp">

        <md-card class="asd">
  <div >
       <form name="form">
        <div layout-gt-sm="row">
          <md-input-container class="md-block" layout-xs>
            <label>User</label>
            <md-select ng-model="" >
              <md-option ng-repeat="user in users" value="{{user}}">{{user}}</md-option>
            </md-select>
          </md-input-container>
          <md-input-container class="md-block" flex-xs>
            <label>Name</label>
            <input ng-model="name" >
          </md-input-container>
          
         
        </div>
        
       </form>

  </div>
    
  </md-card>
           

    </div>
     <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.min.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/svg-assets-cache.js'></script>
    <script src='https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.5/angular-material.js'></script>

Ответ 1