anglejsを使ってドロップダウンを検証する方法は？

Question

私は1つのテキストボックスとドロップダウンバーを持っています。ユーザーがテキストボックスに何かを入力する必要があります。ドロップダウンリストから誰かを選択する必要があります。 （これは、テキストボックスが空であり、ドロップダウンリストを選択する必要がないことを意味します）、私が前進するのを助けます。 は、私はあなたがNG-場合覚え

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

を選択するために追加することができます

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

の下に私のコードを追加した "textBoxModelは、" テキスト入力に割り当てられたモデルがある