Question

我找到了一个关于如何使用角度js的教程，但是当我尝试将它实现到我的工作中时，我得不到相同的结果。这是原始的：

这是我的工作：

另外，如何使用javascript（问题，建议......）从所选按钮中获取值？

<div class="btn-toolbar">
                <div name="cate" class="btn-group" required="required">
                    <button class="btn" href="#"><i class="icon-coffee"></i> Question</button>
                    <button class="btn" href="#"><i class="icon-plus-sign-alt"></i> Suggestions</button>
                    <button class="btn" href="#"><i class="icon-stethoscope"></i> Product Support</button>
                </div>
                    <span class="label label-danger" data-ng-show="submitted && helpForm.cate.btn.$error.required">Required!</span>

谢谢！

Answer 1

正如@charlietfl在评论中所说的那样，一种方法就是自己动手，另一种是使用其中一个库，如：http://mgcrea.github.io/angular-strap/#/tooltips#buttons，这是迄今为止最好的选择，因为它们通常已修复了很多可能会遇到的错误。

如果你想自己动手，我在这里建立了一个简单的例子：http://codepen.io/SimeonC/pen/Lzjis

<div class="btn-group">
  <button type="button" ng-click="toggle = 'question'" ng-class="{active: toggle == 'question'}" class="btn btn-default"><i class="icon-coffee"></i> Question</button>
  <button type="button" ng-click="toggle = 'suggestions'" ng-class="{active: toggle == 'suggestions'}" class="btn btn-default"><i class="icon-plus-sign-alt"></i> Suggestions</button>
  <button type="button" ng-click="toggle = 'support'" ng-class="{active: toggle == 'support'}" class="btn btn-default"><i class="icon-stethoscope"></i> Product Support</button>
</div>

编辑在回复评论时，需要按下此按钮＆＃39;是手动验证的问题。如下所示：

HTML：

<span class="label label-danger" ng-show="!toggle || toggle.length <= 0">Required!</span>

在表单的提交功能中使用：

if(!$scope.toggle || $scope.toggle.length <= 0) // prevent submission!

使用表格和角度js需要帮助

1 个答案: