角離子應用程序 - ui滑塊不會顯示，也不會顯示離子範圍 - 如何使其可見？

Question

我想在我的離子應用程序中包含一個ui滑塊，但它不會顯示出來。我也嘗試使用離子範圍，但它不會顯示出來。我安裝了ui-slider，需要它並將其加載到我的index.html文件中。

<button class="btn btn-primary" ng-click="generate()" ng-show="!gen"> 
Generate Random Password</button> 
    <div ng-show="gen"> 
     <h3>Length</h3><slider floor="8" ceiling="20" step="1" precision="1" 
     ng-model="leng" translate="currencyFormatting"></slider> 
     <h3>Symbols</h3><slider floor="0" ceiling="{{leng - nums}}" step="1" 
    precision="1" ng-model="syms" translate="currencyFormatting"></slider> 
     <h3>Numbers</h3><slider floor="0" ceiling="{{leng - syms}}" step="1"  
precision="1" ng-model="nums" translate="currencyFormatting"></slider> 
    <button class="btn btn-success" ng-click="generatePassword(leng, syms, nums)"> Generate! </button> 
    </div> 

Answer 1

以下是Ionic滑塊的示例。

http://codepen.io/zhipeng/pen/gBdDE

你可能想使用類似：

<div class="range" id="green"> <input type="range" name="syms" ng-model="syms" min="0" max="12"> </div>