Wie validiere Dropdown mit angularjs?

Question

Ich habe ein Textfeld und eine Dropdown-Leiste. Wenn der Benutzer etwas in das Textfeld eingibt, müssen wir den Benutzer bitten, aus der Dropdown-Liste einen Benutzer auszuwählen. Wenn der Benutzer den eingegebenen Wert aus dem Textfeld entfernt hat, muss er kein Dropdown auswählen (was bedeutet, dass das Textfeld leer sein kann und die Dropdown-Liste nicht ausgewählt werden muss), helfen Sie mir, weiterzumachen. ich meinen Code unten

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="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"> 
 
    <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>

Answer 1

Sie können hinzugefügt hinzufügen ng-if

<md-select ng-model="" ng-if="textBoxModel == ''"> 
     <md-option ng-repeat="user in users" value="{{user}}">{{user}}</md-option> 
</md-select> 

auszuwählen erinnern "textBoxModel" ist das Modell der Texteingabe zugewiesen