javascript - Ember computed properties with arguments - Stack Overflow

admin管理员组

文章数量:1341419

I was wondering if it was possible to add arguments to a puted properties. So far, everything I tried resulted in errors and found nothing on the subject. I want to build a URL using a value that is not included in my model.

I'm looking for something that would look like this :

// App.js
App.Image = DS.Model.extend({
    image_path_sh: DS.attr(), // image.jpg
    image_size_nm: DS.attr(), // 234234
    image_alt_sh: DS.attr(), // My image
    image_abs_url: function(width, height) {
        return "http://localhost/images/" + this.get('image_path_sh') + "/" + width "x" + height
    }.property('image_path_sh')
});

// index.html
// I know this doesn't work, but I'd like to have something that easy to use
{{#each image}}
    <img src="{{image_abs_url 250 250}}" alt="{{image_alt_sh}}" />
{{/each}}

My server will return an image that is resized. I don't want to put that in my database because these are not fixed value.

I was wondering if it was possible to add arguments to a puted properties. So far, everything I tried resulted in errors and found nothing on the subject. I want to build a URL using a value that is not included in my model.

I'm looking for something that would look like this :

// App.js
App.Image = DS.Model.extend({
    image_path_sh: DS.attr(), // image.jpg
    image_size_nm: DS.attr(), // 234234
    image_alt_sh: DS.attr(), // My image
    image_abs_url: function(width, height) {
        return "http://localhost/images/" + this.get('image_path_sh') + "/" + width "x" + height
    }.property('image_path_sh')
});

// index.html
// I know this doesn't work, but I'd like to have something that easy to use
{{#each image}}
    <img src="{{image_abs_url 250 250}}" alt="{{image_alt_sh}}" />
{{/each}}

My server will return an image that is resized. I don't want to put that in my database because these are not fixed value.

• javascript
• ember.js

Share Follow edited Dec 10, 2013 at 16:34 Michael Villeneuve asked Dec 10, 2013 at 16:31 Michael VilleneuveMichael Villeneuve 4,04344 gold badges2828 silver badges4040 bronze badges 1

• 3 I would love something like this, I don't think you can do it though, maybe Ember.Handlebars.helper will be the closest thing to it. – iConnor Commented Dec 10, 2013 at 16:37

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 14

A puted property shouldn't rely on parameters, it breaks the caching paradigm, that's precisely what helpers and methods are for.

v3.2 https://guides.emberjs./release/templates/writing-helpers/

import { helper } from '@ember/ponent/helper';

export function formatCurrency([value, ...rest]) {
  let dollars = Math.floor(value / 100);
  let cents = value % 100;
  let sign = '$';

  if (cents.toString().length === 1) { cents = '0' + cents; }
  return `${sign}${dollars}.${cents}`;
}

export default helper(formatCurrency);

Global non-import versions of Ember

Ember.Handlebars.helper('img', function(prop, height, width, options) {
  return new Handlebars.SafeString('<div style="height:' + height +'px;width:'+ width +'px;background-color:' + prop + '">' + prop + '</div>');
});

http://emberjs.jsbin./IgUFaTAk/1/edit

本文标签： javascriptEmber computed properties with argumentsStack Overflow