Angular Ionic App - ui-滑块不会显示，ion-range 也不会显示-我怎样才能让它可见？

Question

我试图在我的离子应用程序中包含一个 ui-slider，但它就是不显示。我也尝试使用 ionic-range，但它也不会显示。我安装了 ui-slider，required 并将其加载到我的 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>

Angular Ionic App - ui-滑块不会显示，ion-range 也不会显示-我怎样才能让它可见？

Angular Ionic App - ui-slider won't show up and neither ion-range-how can I make it visible?

slider

angularjs