不能在ng类上重复两次相同的条件

Cannot repeat same condition twice on ng-class

本文关键字：两次 条件 ng 不能      更新时间：2023-09-26

我有以下代码。。。

<div class="row">
    <div class="col-md-5">
        <span>
            Comments
        </span>
    </div>
    @*<div class="col-md-7">*@
    <div class="col-md-7" ng-class="{'has-error': TaskObject.Comments.length > 500}">
        <textarea class="form-control" ng-model="TaskObject.Comments" maxlength="500"></textarea>
    </div>
</div>

在其他地方我使用了一个相同的元素

<div class="row">
    <div class="col-md-5">
        <span>
            Comments
        </span>
    </div>
    @*<div class="col-md-7">*@
    <div class="col-md-7" ng-class="{'has-error': TaskObject.Comments.length > 500}">
        <textarea class="form-control" ng-model="TaskObject.Comments" maxlength="500"></textarea>
    </div>
</div>

问题是，当我运行该网站时，它会抛出以下异常：

Uncaught Error: Syntax error, unrecognized expression: div[ng-class='{'has-error': TaskObject.Comments.length

然而，我注意到，如果我删除任何我喜欢的，或者事件添加一个；在其中一个条件结束时，错误消失。

有什么想法吗？

初始TaskObject.Comments为null，而null不具有length属性。

在ng-class 中添加额外的检查

像这个

 ng-class="{'has-error': TaskObject.Comments && TaskObject.Comments.length > 500}"
相关文章：