在angularjs中添加引导反馈图标

我在AngularJS中添加反馈按钮时遇到了一个小问题。

有错误

有效，但当我添加

有反馈

时，我没有得到任何反馈响应，但

有错误

仍然有效

我想我添加的

有反馈的方式有问题，但我不确定

    <div class="form-group" ng-class="{ 'has-error has-feedback': form.email.$dirty && form.email.$invalid }">

        <label for="email"> Email</label>
        <input type="text" ng-model="signup.email" ng-model-options="{ debounce: 500 }" name="email" id="email" class="form-control" required email-validator>


        <div  class="help-block" ng-messages="form.email.$error" ng-if="form.email.$dirty">
            <p ng-message="required">Your name is required.</p>
            <div ng-message="email" class="help-block" >email already in use</div>
        </div>


电子邮件
您的姓名是必填项
电子邮件已在使用中

更新1

当我添加以下类时，我可以看到一个图标，但如果与表单同步，则图标将完全消失，并且可能不是正确的方式：

                    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
 `


`
因此，我找到的最佳解决方案如下：

       <div class="form-group"  ng-class="{'has-error has-feedback': form.email.$dirty && form.email.$invalid, 'has-success has-feedback': form.email.$dirty && form.email.$valid  }">

            <label for="email"> Email</label>
            <input type="text" ng-model="signup.email" ng-model-options="{ debounce: 500 }" name="email" id="email" class="form-control" required email-validator>


            <div  class="help-block"  ng-messages="form.email.$error" ng-if="form.email.$dirty">
                <p ng-message="required">Your name is required.</p>
                <div ng-message="email" class="help-block" >email already in use</div>
            </div>

            <span ng-show="form.email.$dirty && form.email.$valid" class="glyphicon glyphicon-ok form-control-feedback"></span>
            <span ng-show="form.email.$dirty && form.email.$invalid" class="glyphicon glyphicon-remove  form-control-feedback"></span>

        </div>


电子邮件
您的姓名是必填项
电子邮件已在使用中

我还使用了另一个答案中提供的示例。
我希望在这个话题上能为大家节省一些时间。
因此，我找到的最佳解决方案如下：

       <div class="form-group"  ng-class="{'has-error has-feedback': form.email.$dirty && form.email.$invalid, 'has-success has-feedback': form.email.$dirty && form.email.$valid  }">

            <label for="email"> Email</label>
            <input type="text" ng-model="signup.email" ng-model-options="{ debounce: 500 }" name="email" id="email" class="form-control" required email-validator>


            <div  class="help-block"  ng-messages="form.email.$error" ng-if="form.email.$dirty">
                <p ng-message="required">Your name is required.</p>
                <div ng-message="email" class="help-block" >email already in use</div>
            </div>

            <span ng-show="form.email.$dirty && form.email.$valid" class="glyphicon glyphicon-ok form-control-feedback"></span>
            <span ng-show="form.email.$dirty && form.email.$invalid" class="glyphicon glyphicon-remove  form-control-feedback"></span>

        </div>


电子邮件
您的姓名是必填项
电子邮件已在使用中

我还使用了另一个答案中提供的示例。
我希望在这个话题上能为大家节省一些时间。
因此，我找到的最佳解决方案如下：

       <div class="form-group"  ng-class="{'has-error has-feedback': form.email.$dirty && form.email.$invalid, 'has-success has-feedback': form.email.$dirty && form.email.$valid  }">

            <label for="email"> Email</label>
            <input type="text" ng-model="signup.email" ng-model-options="{ debounce: 500 }" name="email" id="email" class="form-control" required email-validator>


            <div  class="help-block"  ng-messages="form.email.$error" ng-if="form.email.$dirty">
                <p ng-message="required">Your name is required.</p>
                <div ng-message="email" class="help-block" >email already in use</div>
            </div>

            <span ng-show="form.email.$dirty && form.email.$valid" class="glyphicon glyphicon-ok form-control-feedback"></span>
            <span ng-show="form.email.$dirty && form.email.$invalid" class="glyphicon glyphicon-remove  form-control-feedback"></span>

        </div>


电子邮件
您的姓名是必填项
电子邮件已在使用中

我还使用了另一个答案中提供的示例。
我希望在这个话题上能为大家节省一些时间。
因此，我找到的最佳解决方案如下：

       <div class="form-group"  ng-class="{'has-error has-feedback': form.email.$dirty && form.email.$invalid, 'has-success has-feedback': form.email.$dirty && form.email.$valid  }">

            <label for="email"> Email</label>
            <input type="text" ng-model="signup.email" ng-model-options="{ debounce: 500 }" name="email" id="email" class="form-control" required email-validator>


            <div  class="help-block"  ng-messages="form.email.$error" ng-if="form.email.$dirty">
                <p ng-message="required">Your name is required.</p>
                <div ng-message="email" class="help-block" >email already in use</div>
            </div>

            <span ng-show="form.email.$dirty && form.email.$valid" class="glyphicon glyphicon-ok form-control-feedback"></span>
            <span ng-show="form.email.$dirty && form.email.$invalid" class="glyphicon glyphicon-remove  form-control-feedback"></span>

        </div>


电子邮件
您的姓名是必填项
电子邮件已在使用中

我还使用了另一个答案中提供的示例。
我希望我能在这个话题上节省一些时间。
检查生成的HTML代码，如果类
有反馈
已添加到类列表中，检查
有反馈
是否已在cssI中定义。我想我忘了加载一些东西，但我添加了这个bower_组件/bootstrap css only/css/bootstrap.min.css“当我查看中的课程时，确实包含反馈。但是，我是否也需要导入字体awesome来获取图标？如果类
有反馈，请检查生成的HTML代码是否已添加到类列表中，如果类
有反馈，请检查是否已在cssI中定义了
我想我忘了加载某些内容，但我已添加了此内容bower_components/bootstrap css only/css/bootstrap.min.css“当我查看中的课程时，确实包含反馈。但是，我是否也需要导入字体awesome来获取图标？如果类
有反馈，请检查生成的HTML代码是否已添加到类列表中，如果类
有反馈，请检查是否已在cssI中定义了
我想我忘了加载某些内容，但我已添加了此内容bower_components/bootstrap css only/css/bootstrap.min.css“当我查看中的课程时，确实包含反馈。但是，我是否也需要导入字体awesome来获取图标？如果类
有反馈，请检查生成的HTML代码是否已添加到类列表中，如果类
有反馈，请检查是否已在cssI中定义了
我想我忘了加载某些内容，但我已添加了此内容bower_components/bootstrap css only/css/bootstrap.min.css“并且当我查看中的类时，确实包含了反馈。但是我是否还需要导入字体来获得图标？