각도 모양의 버그 드롭 다운 선택 상자

Question

각도 모양으로 작업 중이며 버그를 해결해야합니다. 값-1

2) - 데이터 선택-1 : 모든 데이터-1

3) - 데이터 선택 - 2 - 선택 유형

1) : 여기

이 문제입니다 : 모든 데이터 -2

4) - 이제 형식을 값 -2 (값 1 대신)로 변경하십시오.

data-1 및 data-2 필드가 사라집니다.

5) - 유형을 다시 값 -1로 선택하십시오.

이제 data-1 또는 data-2를 클릭하십시오 ... 빈 공간이 다시 표시됩니다.

내가 여기이 빈 공간을하지 않으 ... 대신

다시 을 one-- --choose 다시해야 ...

내가 스크린 샷을 첨부 오전 코드 ... 제발. 당신의 '유형'드롭 다운의 변경 이벤트에

<form class="addAlert settings_form" ng-submit="createAlert(newAlert)"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span 
         aria-hidden="true">×</span></button> 
       <h4 class="modal-title" id="myModalLabel">Create a New Model</h4> 
      </div> 
      <div class="modal-body"> 
       <div class="form_fieldset"> 

        <div class="form_item"> 
         <label for="title">Name</label> 
         <input name="title" type="text" class="form-input title" required placeholder="Alert Name" ng-model="newAlert.title"> 
         <div class="error"></div> 
        </div> 


        <div class="form_item"> 
         <label for="alertformat">Type</label> 
         <select class="form-input alertformat" 
           name="alertformat" ng-model="newAlert.alertType" 
           ng-init="newAlert.alertType='Threshold'"> 
          <option value="Threshold" selected>Value-1</option> 
          <option value="Pipeline Failure">Value-2</option> 
         </select> 
        </div> 

        <div class="form_item" ng-if="newAlert.alertType !='Pipeline Failure'"> 
         <label for="alertformat">Data-1 </label> 
         <select class="form-input alertformat" name="alertformat" 
           ng-model="newAlert.site" required> 
          <option value="" disabled>-- Choose one --</option> 
          <option ng-value="-1">All Data-1</option> 
          <option ng-repeat="item in assetsData" ng-value="{{item.sitename}}"> 
           {{item.sitename}} 
          </option> 
         </select> 
        </div> 
        <div class="form_item" ng-show="newAlert.site" ng-if="newAlert.alertType !='Pipeline Failure'"> 
         <label for="alertformat">Data-2</label> 
         <select class="form-input alertformat" name="alertformat" ng-model="newAlert.asset" required> 
          <option value="" disabled>-- Choose one --</option> 
          <option ng-value="-1">All Data-2</option> 
          <option ng-repeat="item in assetsData | filter:newAlert.site" ng-value="{{item.sitename}}"> 
           {{item.name}} 
          </option> 
         </select> 
        </div> 

        <div class="form_item"> 
         <label for="alertformat">Color</label> 
         <div class="severity"> 
         <input type="radio" class="radioBtnClass" name="numbers" value="Red"checked required> 
         <span>Red</span> 
         </input> 

         <input type="radio" class="radioBtnClass" name="numbers" value="Ember"> 
         <span>Blue</span> 
         </input> 
         </div> 
        </div> 

        <div class="form_item"> 


         <label for="users">Users</label> 
         <div class="user_select"> 
           <span ng-repeat="user in userList" style="display:block"> 
           <input class="alert_user_class" value="{{user.pk}}" type="checkbox"> 
           {{user.email}} 
            </input> 
           </span> 
         </div> 


        </div> 

       </div> 
      </div> 

     </form> 

Answer 1

, 당신은으로 $scope.newAlert.site = ''; 및 $scope.newAlert.asset = ''을 지정해야합니다 ("") 값을 빈 문자열이 옵션 '을 선택'.