Question

<div class="col-md-12" data-ng-repeat="p in ['A1','A2','A3']">
    <div class="form-group col-md-6"  
    data-ng-class='{ "has-focus": form.model[p].hasFocus,
            "has-success": form.model[p].$valid,
            "has-error": form.model[p].$invalid && (form.$submitted || form.model[p].$touched),
            "is-empty": !form.model[p].$viewValue }'>
        <label for="model[p]">
        </label>
    <input
        type="text" name="model[p]"
        data-ng-model="p"
        data-ng-blur='form.model[p].hasFocus=false'
        data-ng-focus='form.model[p].hasFocus=true'
        data-ng-readonly="true" 
        style="text-align:center;" required >
        <p
        data-ng-show="form.model[p].$error.required && (form.model[p].$touched || submitted)"
        class="error-block">Error in policy</p>
    </div>
</div>

上面的代码生成3个文本框。问题是，当我单击其中一个文本框时，已经应用了焦点，但是通过单击页面上的其他位置来删除焦点时，未成功的类未应用。

我尝试用不同的组合替换[p]，例如使用{{p}} , _{{$index}}.

但是他们中没有一个对我很好。

要么我在控制台中收到$ parse语法错误，要么点击其中一个文本框，其他文本框也会聚焦。

我正在努力但却无法解决这个问题。

任何帮助表示赞赏!!!

谢谢

has-class没有通过ng-repeat表单验证应用：angularjs

0 个答案: