Каков правильный способ перебора свойств контроллера в шаблоне?

Question

Непонятно, как перебирать свойства контроллера в шаблоне. Я наткнулся на метод:

{{#each-in this as |key value|}} 
    {{key}}: {{value}} 
{{/each-in}} 

и такого рода работ, но это выводит некоторые внутренние функции в дополнение к свойствам:

q: shirt 
search_page: 3 
_qpDelegate: function (prop, value) { var qp = map[prop]; _this._qpChanged(prop, value, qp); return _this._activeQPChanged(map[prop], value); } 

Мой контроллер выглядит следующим образом:

import Ember from 'ember'; 

export default Ember.Controller.extend({ 

    queryParams: [ 
     'q', 
     'search_page' 
    ], 
    q: 'shirt', 
    search_page: 3 

}); 

Есть ли способ итерации и исключения функций?

Answer 1

Поскольку представляется вам нужно только сделать это для отладки, один из возможных решений могло бы стать создание пользовательского помощника, чтобы отфильтровать функции (или что-то еще вы хотите): шаблон

// helpers/debug-filter.js 
export function debugFilter([value]) { 
    return Ember.typeOf(value) !== 'function'; 
} 

export default Ember.Helper.helper(formatCurrency); 

вашего контроллера

{{#each-in this as |key value|}} 
    {{#if (debug-filter value)}} 
    {{key}}: {{value}} 
    {{/if}} 
{{/each-in}}