如何使用数据绑定if语句确定某项是否等于字符串中的文本？

Question

I need to execute code if a certain value is equal to a string (the string is 'stories').

I have:

<!-- data-bind if: header.current_collection.url_type == 'stories' -->
    <p>text</p>
<!-- /data-bind -->

But it's always false. I put <p data-bind="text: header.current_collection.url_type"></p> under it to be sure the value was 'stories' and it displays 'stories' onto the page so I know the value is right.

Why is this being executed as false when it's true. Is there a syntax problem here?

Answer 1

您是否尝试过使用严格等式 '==='而不是'=='？

Answer 2

Firstly, I agree with the previous answer that you should be using the strict equality operator. Secondly, you are using incorrect syntax - where you have data-bind should be ko, ie:

<!-- ko if: header.current_collection.url_type === 'stories' -->
    <p>text</p>
<!-- /ko -->

You can find the knockout if binding docs here

Answer 3

Adrian answered this in a comment. You are comparing the observable itself rather than the value. Change it to:

if: header.current_collection.url_type() == 'stories'