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

时间:2016-01-11 11:40:37

标签: javascript angularjs angular-ng-if

我试图根据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>

&#39 ;;

但问题出在ng-if,当我尝试使用空格检查文本值时会抛出一个异常Unterminated quote at columns 25-34 ["Awaiting] in expression [row.entity.status.name==["Awaiting]. etc...

请让我知道如何在ng-if中检查带有空格的文本。

4 个答案:

答案 0 :(得分:2)

您必须将条件放在"中。以下应该有所帮助。

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

答案 1 :(得分:2)

在所有div中更改它,其中写入类似字符串的传递在单''中,条件写入双引号""

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

答案 2 :(得分:1)

你应该有ng-if的引用,试试这个ng-if="row.entity.status.name==[\"Awaiting Review}\"]"

答案 3 :(得分:0)

试试这个ng-if =&#34; row.entity.status.name == \&#39; Draft \&#39;&#34;