Get Object attribute with array Notation inside ember template

Question

Just trying something but not sure how to do it.

Scenario:- I'm trying to render a page which have a configuration data and view data, so basically My template loop on the configuration data to render page and fetch value from view data to display.

so my model have something like

 model:{'confData':[{'displayName':'value1','fieldName':'Field1'},
                    {repeat similar object}
                   ],
        'viewData':{'Field1':'value1','Field2':'value2',....}
        }

Now in template I'm trying to render like:

{{#each confData}}
  this.displayName {{input type='text' value=viewData[this.fieldName] }}
{{/each}}

but it does not accept it. Any suggestion on how I can deal with this sort of problem.

PS: the confdata and view data in actual application will be api call which i can't change. I saw somthing like http://jsfiddle.net/GRaa5/4/ but when I tried changing as http://jsfiddle.net/weyzay5v/ it failed.

Thanks.

@CodeJack but I did and it worked. here's the modified sample jsfiddle.net/n88g48rp — rain
– rain, Commented Sep 22, 2014 at 10:22
@CodeJack this definitely works in templates. It doesn't refer to the same thing as it does in JS though. In templates, it refers to the current context (which can be changed with block helpers). — GJK
– GJK, Commented Sep 22, 2014 at 11:18

GJK · Accepted Answer · 2014-09-22 11:21:55Z

1

There is no way to do what you want purely with Handlebars. Remember that Handlebars templates are logic-less and for presentation only. My suggestion would be to make a computed property in your controller:

data: function() {
    var confData = this.get('confData');
    var viewData = this.get('viewData');

    return confData.map(function(data) {
        return {
            displayName: data.displayName,
            value: viewData[data.filedName]
        };
    });
}.property('confData.[]', 'viewData')

Then in your template:

{{#each data}}
    {{displayName}} {{input type='text' value=value}}
{{/each}}

answered Sep 22, 2014 at 11:21

GJK

37.4k8 gold badges57 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get Object attribute with array Notation inside ember template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related