select2タグのuc-words

Question

サービスコールの結果を入力するhbsファイルにselect-2タグがあります。このサービスはキャメルケースに変更する必要があるすべての大文字で結果を返します。 以前は単純なselect htmlタグを使用していたため、これを実現するためにuc-wordヘルパーを使用することができました。

<select onchange={{action "doSomething" value="target.value"}}> 
     <option value="">Any</option> 
     {{#each fruits as |fruit|}} 
       <option value={{fruit.id}}>{{uc-words fruit.value force=true}}</option> 
     {{/each}} 
    </select> 

今HBSタグ

{{select-2 
     content=fruits 
     optionLabelPath="value" searchEnabled=false 
     optionValuePath="id" 
     value=selectedFruit 
     placeholder="Any" 
     allowclear=true 
    }} 

から2に選択するように変更することに私もキャメルケースにこれを変更する方法はありますか？

また、結果を変更せずに空のオプションを使用することはできますか？

Answer 1

時間枠やソリューションの優雅さによっては、いくつかの選択肢があります。

ジョブをすばやく完了させるには、uc-words helper sourceを見て、その機能をutilsディレクトリにコピーしてください。

あなたのサービスでは、適切なプロパティを設定する前に、上記のリンクされた関数を使ってフルーツ値のセットを変換してください。ご使用のケースのためにコピーされ、調整

機能、：

// utils/helpers.js 
export function ucWords(word, options) { 
    var string = String(word), 
    force = (options.force === true) ? true : false; 

    if(force) { 
    string = string.toLowerCase(); 
    } 

    return string.replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1) { 
    return $1.toUpperCase(); 
    }); 
} 

// services/populate.js 
//.. 
import { ucWords } from 'utils/helpers.js' 

export default Service.extend({ 

    fruitStore: service(), 

    upperCaseFruit: Ember.computed('fruitStore.fruits', function(){ 
    return this.get('fruitStore.fruits').map(fruit => { 
     fruit.value = ucWords(fruit.value); 
     return fruit; 
    }); 
    }) 

})