How to set the tagName of an Ember component based data in the model?

Devin McQueeney

I would like to set the tagName of an ember component based on data in the model like this:

App.TestComponent = Ember.Component.extend({
    tagName: function(){return this.get('tag');}.property('tag')
});

This doesn't work though. The W3C specifies that you can't change the tagName of an element, so I can see why binding a variable to a static property would be problematic - just not sure how to accomplish this.

Any ideas?

Kingpin2k

Use tagName

{{test-foo tagName=item}}

http://emberjs.jsbin.com/molamohi/1/edit

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

How to set the tagName of an Ember component based data in the model?

From Dev

ember.js component sort model based on if property is set

From Dev

ember component based on model type

From Dev

Ember JS: How to load a second model based on data from a first

From Dev

Ember JS: How to load a second model based on data from a first

From Dev

How do I set an Ember Data polymorphic model in QUnit?

From Dev

How to set model data in an Ember.js unit test for a controller

From Dev

How to set the value of a relationship in an ember-data model

From Dev

how to set the data in second component based on first component selection in UIPickerview

From Dev

ember passing new model data into component

From Dev

How can I do an Ember.js computed property on an Ember Data model based on an async relationship?

From Dev

How can I do an Ember.js computed property on an Ember Data model based on an async relationship?

From Dev

Manipulating Ember Model in Component

From Dev

Manipulating Ember Model in Component

From Dev

How to set an API url for Ember Model

From Dev

Passing ember-data model to component and getting weird result

From Dev

How to set Ember component's internal state from parent component?

From Dev

How to get store name of Ember Data model

From Dev

How to use a blank Ember Data model in a route?

From Dev

Ember Data - How to deserialize model.serialize()?

From Dev

How to access model data in Ember controller

From Dev

Ember.js Component properties data set by Ajax JSON

From Dev

Ember.js: How do I associate my component with a model?

From Dev

Ember.js How to properly filter a model in a component

From Dev

How to render a component based on model parameter

From Dev

Ember.js set model data for {{render}} helper

From Dev

Update ember component on model change

From Dev

Pass a model into a component test in ember

From Dev

How to embed model in model (nest records) using ember-data?

Related Related

  1. 1

    How to set the tagName of an Ember component based data in the model?

  2. 2

    ember.js component sort model based on if property is set

  3. 3

    ember component based on model type

  4. 4

    Ember JS: How to load a second model based on data from a first

  5. 5

    Ember JS: How to load a second model based on data from a first

  6. 6

    How do I set an Ember Data polymorphic model in QUnit?

  7. 7

    How to set model data in an Ember.js unit test for a controller

  8. 8

    How to set the value of a relationship in an ember-data model

  9. 9

    how to set the data in second component based on first component selection in UIPickerview

  10. 10

    ember passing new model data into component

  11. 11

    How can I do an Ember.js computed property on an Ember Data model based on an async relationship?

  12. 12

    How can I do an Ember.js computed property on an Ember Data model based on an async relationship?

  13. 13

    Manipulating Ember Model in Component

  14. 14

    Manipulating Ember Model in Component

  15. 15

    How to set an API url for Ember Model

  16. 16

    Passing ember-data model to component and getting weird result

  17. 17

    How to set Ember component's internal state from parent component?

  18. 18

    How to get store name of Ember Data model

  19. 19

    How to use a blank Ember Data model in a route?

  20. 20

    Ember Data - How to deserialize model.serialize()?

  21. 21

    How to access model data in Ember controller

  22. 22

    Ember.js Component properties data set by Ajax JSON

  23. 23

    Ember.js: How do I associate my component with a model?

  24. 24

    Ember.js How to properly filter a model in a component

  25. 25

    How to render a component based on model parameter

  26. 26

    Ember.js set model data for {{render}} helper

  27. 27

    Update ember component on model change

  28. 28

    Pass a model into a component test in ember

  29. 29

    How to embed model in model (nest records) using ember-data?

HotTag

Archive