0 
<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 个文本框。问题是，当我单击一个文本框 has-focus is getting applied 但通过单击页面上的其他位置来移除焦点时，has-success 类未得到应用。

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

但他们都不适合我。

我在控制台中收到 $parse 语法错误，或者在单击其中一个文本框时，其他文本框也会获得焦点。

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

任何帮助表示赞赏！

谢谢

4

0 回答 0