Css 引导反馈图示符在加载时显示

为什么加载页面时会显示我的反馈图标

普朗克-

HTML

到期月份
到期年

只需在图标上使用

ng show

快速解决问题，这是否足够好

<div class="row">
  <div class="col-xs-5">
    <div class="form-group" ng-class="{ 'has-success has-feedback' : infoForm.cardExpMonth.$valid }">
      <label class="control-label">Expiration Month</label>
      <div class="right-inner-addon">
        <input type="text" class="form-control" ng-model="newCard.expirationMonth" required cc-exp-month name="cardExpMonth" placeholder="MM" />
        <span class="glyphicon glyphicon-ok form-control-feedback" ng-show="infoForm.cardExpMonth.$valid" aria-hidden="true"></span>
      </div>
    </div>
  </div>
  <div class="col-xs-5">
    <div class="form-group" ng-class="{ 'has-success has-feedback' : infoForm.cardExpYear.$valid }">
      <label class="control-label">Expiration Year</label>
      <div class="right-inner-addon">
        <input type="text" class="form-control" ng-model="newCard.expirationYear" required cc-exp-year name="cardExpYear" placeholder="YY" />
        <span class="glyphicon glyphicon-ok form-control-feedback" ng-show="infoForm.cardExpYear.$valid" aria-hidden="true"></span>
      </div>
    </div>
  </div>
</div>

到期月份
到期年

---

你说的是输入框中的复选标记？是的，我只想在字段有效时显示它@leotheliony你必须使用jquery来实现这一点。。请参见此处，但存在引导验证状态。当我在月份字段中输入'12'时，它会变成一个绿色的复选标记。我只是不知道为什么选中标记会显示在Load上选中标记变为绿色，因为它的容器div有

has success

，这是一个引导类，但由Angular condition提供。这很有效！我增加了另一个领域，但我想知道为什么它不需要ng秀。对字段使用4242。就在那里。它被推到输入的上方，隐藏在plunker的控制之下。啊，明白了。所以基本上，我需要ng显示，任何时候，我需要做一个角度条件？嗯。。。。由于显示的复选标记是bootstrap的默认设置，因此这是我能想到的唯一一种不用触摸bootstrap的css的方法。

<div class="row">
  <div class="col-xs-5">
    <div class="form-group" ng-class="{ 'has-success has-feedback' : infoForm.cardExpMonth.$valid }">
      <label class="control-label">Expiration Month</label>
      <div class="right-inner-addon">
        <input type="text" class="form-control" ng-model="newCard.expirationMonth" required cc-exp-month name="cardExpMonth" placeholder="MM" />
        <span class="glyphicon glyphicon-ok form-control-feedback" ng-show="infoForm.cardExpMonth.$valid" aria-hidden="true"></span>
      </div>
    </div>
  </div>
  <div class="col-xs-5">
    <div class="form-group" ng-class="{ 'has-success has-feedback' : infoForm.cardExpYear.$valid }">
      <label class="control-label">Expiration Year</label>
      <div class="right-inner-addon">
        <input type="text" class="form-control" ng-model="newCard.expirationYear" required cc-exp-year name="cardExpYear" placeholder="YY" />
        <span class="glyphicon glyphicon-ok form-control-feedback" ng-show="infoForm.cardExpYear.$valid" aria-hidden="true"></span>
      </div>
    </div>
  </div>
</div>