dynamically hide options

[Nef10]

I want to hide some options based on the property isStreak. So I wrote the following code:

{{#x-select value=format}}
  {{#each formats as |format|}}
    {{#x-option value=format}}{{format}}{{/x-option}}
  {{/each}}
  {{#unless isStreak}}
    {{#each buildStatesFormats as |format|}}
      {{#x-option value=format}}{{format}}{{/x-option}}
    {{/each}}
  {{/unless}}
{{/x-select}}

This code does show all options regardless of isStreak. If I put the whole x-select inside an unless everything works fine, but this is not what I am looking for.

Is this a bug, or is this just not supposed to work?

Version of x-select: 2.0.2
Ember Version / Ember CLI Version: 2.3.0

[Robdel12]

This sounds very much like a bug. We'll have to investigate what's going on.

[cowboyd]

As a workaround, I'd suggest having a computed property that merges the two lists formats and buildStatesFormats according to the isStreak property. That way, you're only eaching over a single list.

[Robdel12]

Hey @Nef10!

I was able to sit down tonight and try to replicate this bug. It looks like this works as it should on master. Could you give master a shot and see if that fixes the issues in your app?

Here's the code that I used to replicate:

• Controller
• Template
• Ember try build vs Ember 1.13.4 - 2.4.0

[Robdel12]

I went ahead and decided to investigate further since it's open source and opened a PR implementing what I think you were trying to do :)

HPI-BP2015H/travis-web#1

Going to close this issue.