Question

選択エリアでオプションの1つが選択されている場合にのみ、ボタンを表示します。

<div class="row" ng-controller='ctrl1'> 
     <div class ="form_group"> 
      <select class="form-control" ng-options='item as item.hotel_name for item in hotels.data' ng-model='current_Hotel' ng-click="selectHotel()"><option value="" selected disabled>Choose a hotel</option> 
      </select> 
     </div> 

     <div class="col-md-6">  
      <h1>{{current_Hotel.hotel_name}}</h1> 
      <p>{{current_Hotel.hotel_description}}</p> 
      <img class="img img-responsive" ng-src="{{current_Hotel.image_url}}"> 
      <btn class="btn btn-primary">Book a room </btn> 
     </div> 
</div> 

ng-showとng-hideを使ってみましたが、私が望むように動作しませんでした。

Answer 1

複数の条件での使用ng-ifディレクティブ

<div class="col-md-6" ng-if="current_Hotel && current_Hotel != ''"> 
    <h1>{{current_Hotel.hotel_name}}</h1> 
    <p>{{current_Hotel.hotel_description}}</p> 
    <img class="img img-responsive" ng-src="{{current_Hotel.image_url}}"> 
    <btn class="btn btn-primary">Book a room </btn> 
</div> 

Answer 2

オプションが選択されたときに選択のためのngmodelが設定されます、あなたは、モデルが動作するはず選ばか

<div class="row" ng-controller='ctrl1'> 
     <div class ="form_group"> 
      <select class="form-control" ng-options='item as item.hotel_name for item in hotels.data' ng-model='current_Hotel' ng-click="selectHotel()"><option value="" selected disabled>Choose a hotel</option> 
      </select> 
     </div> 

     <div class="col-md-6">  
      <h1>{{current_Hotel.hotel_name}}</h1> 
      <p>{{current_Hotel.hotel_description}}</p> 
      <img class="img img-responsive" ng-src="{{current_Hotel.image_url}}"> 
      <btn ng-show="current_Hotel" class="btn btn-primary">Book a room </btn> 
     </div> 
</div> 

Answer 3

ng-showまたはng-hideているかどうかを確認する必要がありますオプションが選択されたときに割り当てたng-modelの値に基づいて、同じスコープで作業しているとします。

ng-show="current_Hotel !== ''"を試しましたか？