this.get in controller is 'not a function'

Question

I'm trying to set the style of an html element and I read that I have to do it this way:

bid: {
  popUpContainerDisplay: "none",
  popUpDisplay: Ember.computed('bid.popUpContainerDisplay', function() {
    return Ember.String.htmlSafe("display: " + this.get('bid.popUpContainerDisplay'));
  })
},

then in my hbs file, I write

<div id="popUpContainer" style={{bid.popUpDisplay}}>

However, this is giving me some errors:

jQuery.Deferred exception: this.get is not a function TypeError: this.get is not a function
at Object.<anonymous> (http://localhost:4200/assets/auction-ember.js:53:77)
at ComputedPropertyPrototype.get (http://localhost:4200/assets/vendor.js:26852:28)
at Object.get (http://localhost:4200/assets/vendor.js:31759:19)
at NestedPropertyReference.compute (http://localhost:4200/assets/vendor.js:24910:28)
at NestedPropertyReference.value (http://localhost:4200/assets/vendor.js:24720:45)
at ReferenceCache.initialize (http://localhost:4200/assets/vendor.js:55111:52)
at ReferenceCache.peek (http://localhost:4200/assets/vendor.js:55085:29)
at DynamicAttribute.flush (http://localhost:4200/assets/vendor.js:58752:35)
at SimpleElementOperations.addAttribute (http://localhost:4200/assets/vendor.js:58414:36)
at SimpleElementOperations.addDynamicAttribute (http://localhost:4200/assets/vendor.js:58374:22) undefinedjQuery.Deferred.exceptionHook @ jquery.js:3846process @ jquery.js:3642

jquery.js:3855Uncaught TypeError: this.get is not a function(…)

What am I doing wrong? Thanks.

Martin Mendez · Accepted Answer · 2016-12-27 06:47:43Z

4

The get method doesn't exist inside the object where you are trying to use it.

That get method comes from Ember.Observable, that is used by the Ember.Object class. What you have to do is declare the bid property as an Ember.Object, using either extend or create, like this:

bid: Ember.Object.extend({
    popUpContainerDisplay: "none",
    popUpDisplay: Ember.computed('bid.popUpContainerDisplay', function() {
       return Ember.String.htmlSafe("display: " + this.get('bid.popUpContainerDisplay'));
    })
})

answered Dec 27, 2016 at 6:47

Martin Mendez

1,3061 gold badge9 silver badges6 bronze badges

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

1 Comment

Jason Kim Over a year ago

I'm having this problem with a service, which already has Ember.Service.extend()

Lux · Accepted Answer · 2016-12-27 12:22:25Z

0

You need to put computed property out of bid.

bid: {
    popUpContainerDisplay: "none"
},
popUpDisplay: Ember.computed('bid.popUpContainerDisplay', function() {
    return Ember.String.htmlSafe("display: " + this.get('bid.popUpContainerDisplay'));
})

edited Dec 27, 2016 at 12:22

Lux

18.3k5 gold badges48 silver badges77 bronze badges

answered Dec 27, 2016 at 9:18

Ebrahim Pasbani

9,4062 gold badges26 silver badges32 bronze badges

Collectives™ on Stack Overflow

this.get in controller is 'not a function'

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related