2016-04-09 13 views
1

角材スライダを正しくレンダリングすることができません。私のコードは以下の通りです:角材スライダが正しくレンダリングされない

<div class="row formField" ng-cloak> 
    <div class="col-md-2"> 
     <div>送貨日期</div> 
     <div>Delivery Date</div> 
    </div> 
    <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 
</div> 
<div class="row formField" ng-cloak> 
    <div class="col-md-2"> 
     <div>進食時間</div> 
     <div>Serving Time</div> 
    </div> 
<md-content class="md-padding overflow-hidden"> 
<md-slider-container> 
    <span>R</span> 
    <md-slider flex="" min="0" max="255" ng-model="color.red" aria-label="red" id="red-slider"> 
    </md-slider> 
    <md-input-container> 
    <input flex="" type="number" ng-model="color.red" aria-label="red" aria-controls="red-slider"> 
    </md-input-container> 
</md-slider-container> 
</md-content> 
</div> 

しかし、結果は以下のようになります。

enter image description here

奇妙なことは、スライダがない間日付ピッカーは、完璧に働いています。ご指摘ありがとうございます。

答えて

2

スライダーがangular-material.cssを見ることができないようです。角度資料2については

<link rel="stylesheet" type="text/css" href="path/to/angular-material.css"> 
0

、私が直接含まれているテーマCDNリンク:

<link href="https://unpkg.com/@angular/[email protected]/prebuilt-themes/deeppurple-amber.css" rel="stylesheet"> 
関連する問題