角度のドロップダウン内の選択肢を囲む方法

上記の画像から私のPickUp TimeとDrop-Off Timeは、まだ隠蔽されていない角度コードで見られます。私はすでにタグにng-cloakを追加しましたが、同じものを表示します。

マイビュー

<label for="">Pick-up Time</label> 
      <select class="selectpicker form-control dropdown-itinerary" ng-model="ItineraryDetails.PickUpTime"> 
        <option ng-repeat="Time in TimeIntervals track by $index" class="ng-cloak"><% Time %></option> 
      </select> 
     </div>

コントローラ

// DropDown selector for time data 
$scope.TimeIntervals = ['00:00','00:30','01:00','01:30','02:00','02:30','03:00','03:30' 
    ,'04:00','04:30','05:00','05:30','06:00','06:30','07:00','07:30' 
    ,'08:00','08:30','09:00','09:30','10:00','10:30','11:00','11:30' 
    ,'12:00','12:30','13:00','13:30','14:00','14:30','15:00','15:30' 
    ,'16:00','16:30','17:00','17:30','18:00','18:30','19:00','19:30' 
    ,'20:00','20:30','21:00','21:30','22:00','22:30','23:00','23:30'];

出典

2017-02-17 drake24

あなたには、いくつかのコードを追加することはできますか？ –

@TimHarkerがコードを追加しました。ありがとう！ – drake24

Plunker：http://plnkr.co/edit/jk0jHEjCVrkdfLm4XHuq?p=preview

HTML：

<body ng-controller="MainCtrl"> 
    <label for="">Pick-up Time</label> 
    <select class="selectpicker form-control dropdown-itinerary" 
      ng-model="ItineraryDetails.PickUpTime" 
      ng-options="Time for Time in TimeIntervals"> 
    </select> 
</body>

のJavaScript/AngularJS：

app.controller('MainCtrl', function($scope) { 
    $scope.TimeIntervals = ['00:00', '00:30', '01:00', '01:30', '02:00', '02:30', '03:00', '03:30', '04:00', '04:30', '05:00', '05:30', '06:00', '06:30', '07:00', '07:30', '08:00', '08:30', '09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30', '18:00', '18:30', '19:00', '19:30', '20:00', '20:30', '21:00', '21:30', '22:00', '22:30', '23:00', '23:30']; 
});

出典

2017-02-17 02:20:42

ありがとうございます！私は必要なものだけ:) – drake24

あなたは、HTML上のNG-オプションを使用します、もっと簡単です：

HTML：

<label for="">Pick-up Time</label> 
     <select class="selectpicker form-control dropdown-itinerary" ng-model="ItineraryDetails.PickUpTime" ng-options="time as time for time in TimeIntervals track by $index"> 
     </select>

出典

2017-02-17 02:32:10

角度のドロップダウン内の選択肢を囲む方法

答えて

関連する問題