Question

这是我的codepen链接：http://codepen.io/anon/pen/MwPggE 具体的HTML是：

  <ion-toggle>
      <div class="item">
        {{menu.form.surveyMode ? 'Survey' : 'Enforcement'}} Mode 
        <label class="toggle toggle-positive">
          <input type="checkbox" ng-model="menu.form.surveyMode">
          <div class="track"><div class="handle"></div></div>
        </label>
      </div>
  </ion-toggle>

这显示了两个切换按钮，我只需要一个。如果我删除<ion-toggle>，则该按钮不会像滑块那样充当滑块，而是像按钮一样。

Answer 1

<h:inputText value="#{associationBean.counterTypeView.name}" 
     id="ctpName" 
     maxlength="100" 
      validatorMessage="#{msg['classifier.nameRequire']}"> 
          <f:validateRequired /> 
          <rich:validator />
          <f:ajax   event="blur"/>
</h:inputText>

上面的代码解决了这个问题。

Answer 2

使用这段代码看一看，它绝对正常......

<div class="item">
  {{menu.form.surveyMode ? 'Survey' : 'Enforcement'}} Mode
  <label style="float:right" class="toggle toggle-positive">
    <input type="checkbox" ng-model="menu.form.surveyMode">
    <div class="track">
      <div class="handle"></div>
    </div>
  </label>
</div>

离子 - 两个切换条显示

2 个答案: