Ember.js: Tidak dapat menggunakan komponen input dengan pembantu komponen

Dibuat pada 17 Mar 2016 · 3Komentar · Sumber: emberjs/ember.js

Mencoba menggunakan komponen input dengan pembantu komponen, seperti ini:
passedComponent=(component 'input' type="number" value=myValue)

akan menghasilkan kegagalan pernyataan seperti ini:
Uncaught Error: Assertion Failed: You cannot use 'input' as a component name. Component names must contain a hyphen

Sumber

stevesims

Komentar yang paling membantu

implikasinya adalah bahwa komponen input perlu diganti namanya - yang jelas tidak praktis - atau sebagai alternatif, pembungkus tanda hubung standar harus tersedia

tidak dapat menggunakan komponen standar (inbuilt) dengan pembantu komponen sepertinya pembatasan yang agak aneh dan sewenang-wenang

stevesims pada 17 Mar 2016

👍4

Semua 3 komentar

@stevesims ini benar. Membuat komponen penutupan dengan input saat ini tidak memungkinkan. Pembenarannya agak terkait dengan Komponen Glimmer, kami ingin mencadangkan nama input untuk itu.

Akan menutup ini untuk saat ini karena ini bukan bug, tetapi kami dapat membuka kembali dan melanjutkan diskusi.

mixonic pada 17 Mar 2016

implikasinya adalah bahwa komponen input perlu diganti namanya - yang jelas tidak praktis - atau sebagai alternatif, pembungkus tanda hubung standar harus tersedia

tidak dapat menggunakan komponen standar (inbuilt) dengan pembantu komponen sepertinya pembatasan yang agak aneh dan sewenang-wenang

stevesims pada 17 Mar 2016

👍4

{{#if requiresComponentSubstitution}}  

      <!-- requiresComponentSubstitution: is not "input" -->

        {{component inputComponentName
                    id=(concat elementId '-control')
                    class='form-control'
                    type=type
                    name=valuePath
                    placeholder=placeholder
                    value=value
                    input=(action 'onInput')
        }}
    {{else}}
        {{input id=(concat elementId '-control')
                class='form-control'
                type=type
                name=valuePath
                placeholder=placeholder
                value=value
                input=(action 'onInput')
        }}
    {{/if}}

Saya berdua menawarkan ini sebagai solusi yang membantu, dan secara halus menyarankan bahwa ini adalah kelemahan menggunakan Ember. Akan luar biasa jika "hanya berhasil" :)