Twitter bootstrap 角度+引导输入验证错误类
我试图用angular+bootstrap从文章中举例说明。我有这个工作代码:Twitter bootstrap 角度+引导输入验证错误类,twitter-bootstrap,angularjs,angular-ui,Twitter Bootstrap,Angularjs,Angular Ui,我试图用angular+bootstrap从文章中举例说明。我有这个工作代码: <div ng-controller="Ctrl"> <br> <hr> <form name="signup_form" novalidate ng-submit="signupForm()"> <fieldset> {{' signup_form.submitted \''+signup_
<div ng-controller="Ctrl">
<br>
<hr>
<form name="signup_form" novalidate ng-submit="signupForm()">
<fieldset>
{{' signup_form.submitted \''+signup_form.submitted+ '\' ' }}<br>
{{' submitted \''+submitted+ '\' ' }}<br>
{{' $scope.signup_form.$valid \''+signup_form.$valid+ '\'' }}
<div class="control-group" ng-class="{error: signup_form.name.$dirty && signup_form.name.$invalid}">
<legend>Signup</legend>
<div class="row">
<div class="span12">
<label>Your name</label>
<input type="text"
placeholder="Name"
name="name"
ng-model="signup.name"
ng-minlength=3
ng-maxlength=20 required/>
</div>
</div>
</div>
<button type="submit" class="button radius">Submit</button>
</fieldset>
</form>
</div>
问题是:
这段代码:
<div class="control-group" ng-class="{error: signup_form.name.$dirty && signup_form.name.$invalid}">
看起来不太好。我觉得这样做不好。怎么可能更简单、更正确呢
若我按“输入字段”,我会立即得到红色边框。
我在github.com/twbs/bootstrap/issues/1675中发现了这个问题,但它是一个非常旧的线程。
什么是避免空字段单击时出现此红色框的最佳正确方法
欢迎提出任何总体代码建议。泰 我在自己创建的表单中做过类似的事情:
<div class="form-group col-md-3 input-group-lg" ng-class="{true: 'has-error',false: 'is-required'}[createContacts.proposer.$dirty && createContacts.proposer.$invalid]">
<label class="control-label" for="proposer">Name *</label>
<input type="text" class="form-control" name="proposer" id="proposer" placeholder="First & Last Name" ng-model="proposer.name" required>
<span class="help-block" ng-show="createContacts.proposer.$dirty && createContacts.proposer.$error.required">Proposer's name is required.</span>
</div>
ng类={true:'has error',false:'is required'}[createContacts.proposer.$dirty&&createContacts.proposer.$invalid]
is required类不是引导的一部分,它是我创建的一个类,用于在没有错误时对所需对象进行颜色编码。我应该注意,这里使用的类是引导3