Ember, disable input, основанный на условии

Question

У меня есть форма Ember, где я хочу отключить ввод данных на основе пользователя. Я получаю массив модифицируемых полей из моего заднего конца.

Как мне заставить это работать с Ember? Идеальный вариант был бы сделать это,

{{input type="text" disabled=isModifiable("middleName") value=middleName}} 

Я знаю, что это не возможно. Довольно новый для Ember, совет будет оценен. Благодарю.

Answer 1

Определить свойство в вас контроллер или компонент, как это:

fields:[], 
loadFields : function(){ 
var that = this; 
$.get(FIELDS_API).done(function(serverResponse){ 
    //process server response in an array with objects with this form: 
    // [ field:"middleName", isDisabled:true}] 

    that.set("fields",fieldsArray); 
}) 
} 
isModifiable : function(fieldName){ 
var field = this.get("fields").findBy("field",fieldName); 
return (field) ? field.isDisabled: false; 
}, 
isMiddleNameInputDisabled : function(){ 
    return this.isModifiable("middleName"); 
}.property("fields.@each") 

Используйте это свойство в шаблоне, как это:

{{input type="text" disabled=isMiddleNameInputDisabled value=middleName}}