Question

我正在{{insuredProfile.mailingAddress.isScrubbed}} true或false获取数据。我想将true转换为是，将false转换为否。我可以执行此操作这在服务方面，但我想知道有没有办法在HTML方面应用这个条件。

我的代码是：

<li><strong>Scrub:</strong> {{insuredProfile.mailingAddress.isScrubbed}}</li>

Answer 1

我使用这个简单的过滤器来做同样的事情：

//converts truthly values to yes, others to no
.filter('yesOrNo',function() {
    return function(val) {
        if(!!val === true) {
            return 'Yes';
        }
        else {
            return 'No';
        }
    }
})

标记

<li><strong>Scrub:</strong> {{insuredProfile.mailingAddress.isScrubbed | yesOrNo}}</li>

Answer 2

如果您发现自己在整个应用程序中执行此类操作，则可以编写过滤函数，请参阅

http://docs.angularjs.org/guide/filter

在这种情况下，您只需将表达式传递到过滤器中，如下所示：

<li><strong>Scrub:</strong> {{insuredProfile.mailingAddress.isScrubbed | yesNoify}}</li>

如果它只是一个关闭，你可以只在控制器范围内的一个函数，并像这样调用它：

<li><strong>Scrub:</strong> {{yesNoify(insuredProfile.mailingAddress.isScrubbed)}}</li>

Answer 3

如何使用ng-show声明：

<li><strong>Scrub:</strong>
    <span ng-show="insuredProfile.mailingAddress.isScrubbed">Yes</span>
    <span ng-show="!insuredProfile.mailingAddress.isScrubbed">No</span>
</li>

如何在html端应用angularjs中的条件？

3 个答案: