Question

我有以下代码......

<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

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

有关为何会发生这种情况的任何想法？

Answer 1

最初TaskObject.Comments时null而null没有length属性。

在ng-class

中添加额外的支票

喜欢这个

 ng-class="{'has-error': TaskObject.Comments && TaskObject.Comments.length > 500}"

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

1 个答案: