如何在html

时间:2016-08-26 00:09:19

标签: javascript html angularjs ionic-framework

如果我的字符串为空,我想创建一个案例来说别的话,我该怎么做?

<div class="padding" id="dealBorder">
    <pre id="informationDealText"><pan class="inner-pre" style="font-size: 24px; color: white;" ><font face="times new roman">{{data.$value}}</font></span></pre>

</div>

2 个答案:

答案 0 :(得分:1)

您正在寻找使用ng-if - 非常简单易用 - 它会评估您传递的语句是否为true并相应地呈现该元素。

实施例

 <style>
     .inline-styles-are-bad {
       color: 'white';
       font-size: 22px;
     }
     .font-tags-are-worse {
       font-family: 'times new roman', serif; /* bless your users */
     }
 </style>
<pre id="#someID">
 <span class="inline-styles-are-bad font-tags-are-worse" ng-if="data.value.length > 0">{{data.value}}</span>
 <span ng-if="data.value.length == 0">Something else</span>
</pre>

答案 1 :(得分:0)

我不确定这是不是你要找的。我没有执行此代码,所以请试一试。

<div class="padding" id="dealBorder">
    <pre id="informationDealText"><pan class="inner-pre" style="font-size: 24px; color: white;" ><font face="times new roman">{{data.$value}}</font></span></pre>

</div>
<script>
    if({{data.$value}} = "" || {{data.$value}} = null){
        $('#informationDealText').text("string empty!");
    }
</script>