javascript - 如果条件文本在 AngularJs 中包含空格，ng-if 不起作用

Question

我试图根据 row.entity 值将值设置到 Angular js Ui 网格中。为此，我创建了 cellTemplate 来检查行值，并根据值我做了一些文本样式设置。

代码片段

var statusTemplate='<div>
<span class="txt-color-yellow" ng-if=row.entity.status.name=="Draft">{{row.entity.status.name}}</span>
<span class="txt-color-orange" ng-if=row.entity.status.name==[
    "AwaitingReview"]>{{row.entity.status.name}} </span><span
    class="txt-color-green" ng-if=row.entity.status.name=="Reviewed">{{row.entity.status.name}}
</span><span class="txt-color-blue" ng-if=row.entity.status.name==[ "Ready ForScripting"]>{{row.entity.status.name}}</span><span
    class="txt-color-brown" ng-if=row.entity.status.name==[ "Awating
    ScriptReview"]>{{row.entity.status.name}}</span><span
    class="txt-color-green" ng-if=row.entity.status.name==[ "ScriptReviewed"]>{{row.entity.status.name}}</span><span
    class="txt-color-green" ng-if=row.entity.status.name=="Closed">{{row.entity.status.name}}</span>

';

但问题出在 ng-if当尝试检查带有空格的文本值时，它会抛出异常 Unterminated quote at columns 25-34 ["Awaiting] in expression [row.entity.status.name==["Awaiting]. etc... .

请告诉我如何检查 ng-if 中带有空格的文本。

Answer 1

在所有 div 中更改它，其中在单个 '' 中写入类似字符串的内容，并在双引号中写入条件 ""

ng-if="row.entity.status.name=='Draft'"