|
|
ΠΡΠΈΠ²ΡΠ·ΠΊΠ°: Π Π°Π΄ΠΈΠΎ | Aurelia
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
ΠΡΡΠΏΠΏΠ° ΡΠ°Π΄ΠΈΠΎΠ²Ρ ΠΎΠ΄ΠΎΠ² ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠΈΠΏ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Β«ΠΎΠ΄ΠΈΠ½ Π²ΡΠ±ΠΎΡΒ». Aurelia ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π΄Π²ΡΡΡΠΎΡΠΎΠ½Π½ΡΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΡ ΡΠ²ΠΎΠΉΡΡΠ² Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΠΊ Π³ΡΡΠΏΠΏΠ΅ ΡΠ°Π΄ΠΈΠΎΠ²Ρ ΠΎΠ΄ΠΎΠ². ΠΡΠΈΠΌΠ΅ΡΡ Π½ΠΈΠΆΠ΅ ΠΈΠ»Π»ΡΡΡΡΠΈΡΡΡΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΡ ΡΠΈΡΠ»ΠΎΠ²ΡΡ , ΠΎΠ±ΡΠ΅ΠΊΡΠ½ΡΡ , ΡΡΡΠΎΠΊΠΎΠ²ΡΡ ΠΈ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΊ Π½Π°Π±ΠΎΡΠ°ΠΌ ΡΠ°Π΄ΠΈΠΎΠ²Ρ ΠΎΠ΄ΠΎΠ². Π ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² Π΅ΡΡΡ ΠΎΠ±ΡΠΈΠΉ Π½Π°Π±ΠΎΡ ΡΠ°Π³ΠΎΠ²:
- Π‘Π³ΡΡΠΏΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°
ΠΈΠΌΡ
. - ΠΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ°Π΄ΠΈΠΎΠΌΠΎΠ΄ΡΠ»Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ
ΠΌΠΎΠ΄Π΅Π»ΠΈ
. - ΠΠ²ΡΡΡΠΎΡΠΎΠ½Π½ΡΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠ°
ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Π½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ°
ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ°Π΄ΠΈΠΎ ΠΊ ΡΠ²ΠΎΠΉΡΡΠ²Ρ «Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ» Π² ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ.
Π§ΠΈΡΠ»Π°
ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΈΡΠ»ΠΎΠ²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ «Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ». Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΡΠ°Π΄ΠΈΠΎΠ²Ρ
ΠΎΠ΄Ρ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΎ ΡΠΈΡΠ»ΠΎΠ²ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΌΠΎΠ΄Π΅Π»ΠΈ. ΠΡΠ±ΠΎΡ ΡΠ°Π΄ΠΈΠΎ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΅Π³ΠΎ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΎ selectedProductId
ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ.
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { ΠΏΡΠΎΠ΄ΡΠΊΡΡ = [ {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 0, ΠΈΠΌΡ: Β«ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°Β»}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 1, ΠΈΠΌΡ: 'Π¦Π'}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 2, ΠΈΠΌΡ: Β«ΠΠ°ΠΌΡΡΡΒ»}, ]; Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉΠΏΡΠΎΠ΄ΡΠΊΡΠΈΠ΄ = Π½ΠΎΠ»Ρ; }
ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΊΡΠΏΠΎΡΡΠ° IProduct { ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΎΠ½Π½ΡΠΉ Π½ΠΎΠΌΠ΅Ρ; ΠΈΠΌΡ: ΡΡΡΠΎΠΊΠ°; } ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { ΠΏΡΠΎΠ΄ΡΠΊΡΡ: IProduct[] = [ {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 0, ΠΈΠΌΡ: Β«ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°Β»}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 1, ΠΈΠΌΡ: 'Π¦Π'}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 2, ΠΈΠΌΡ: Β«ΠΠ°ΠΌΡΡΡΒ»}, ]; selectedProductId: ΡΠΈΡΠ»ΠΎ = Π½ΠΎΠ»Ρ; }
<ΡΠ°Π±Π»ΠΎΠ½> <ΡΠΎΡΠΌΠ°>Π’ΠΎΠ²Π°ΡΡ
for="ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²"> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°1" model.bind="product.id" checked.bind="selectedProductId"> ${product.id} - ${product.name}
ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°: ${selectedProductId}
ΠΠ±ΡΠ΅ΠΊΡΡ
Π‘ΠΈΡΡΠ΅ΠΌΠ° ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΈΠ²ΡΠ·ΠΊΡ Π²ΡΠ΅Ρ
ΡΠΈΠΏΠΎΠ² ΠΊ ΡΠ°Π΄ΠΈΠΎ, Π²ΠΊΠ»ΡΡΠ°Ρ ΠΎΠ±ΡΠ΅ΠΊΡΡ. ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²ΡΠ·ΡΠ²Π°Π΅Ρ Π³ΡΡΠΏΠΏΡ ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΉ Ρ
.
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { ΠΏΡΠΎΠ΄ΡΠΊΡΡ = [ {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 0, ΠΈΠΌΡ: Β«ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°Β»}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 1, ΠΈΠΌΡ: 'Π¦Π'}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 2, ΠΈΠΌΡ: Β«ΠΠ°ΠΌΡΡΡΒ»}, ]; Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ = Π½ΠΎΠ»Ρ; }
ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΊΡΠΏΠΎΡΡΠ° IProduct { ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΎΠ½Π½ΡΠΉ Π½ΠΎΠΌΠ΅Ρ; ΠΈΠΌΡ: ΡΡΡΠΎΠΊΠ°; } ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { ΠΏΡΠΎΠ΄ΡΠΊΡΡ: IProduct[] = [ {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 0, ΠΈΠΌΡ: Β«ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°Β»}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 1, ΠΈΠΌΡ: 'Π¦Π'}, {ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 2, ΠΈΠΌΡ: Β«ΠΠ°ΠΌΡΡΡΒ»}, ]; Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ: IProduct = null; }
<ΡΠ°Π±Π»ΠΎΠ½> <ΡΠΎΡΠΌΠ°>Π’ΠΎΠ²Π°ΡΡ
for="ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ²"> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°2" model.bind="product" checked.bind="selectedProduct"> ${product.id} - ${product.name} ΠΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ: ${selectedProduct.id} - ${selectedProduct.name}
ΠΠ±ΡΠ΅ΠΊΡΡ Ρ Matcher
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΠΎΠ»ΠΊΠ½ΡΡΡΡΡ Ρ ΡΠΈΡΡΠ°ΡΠΈΡΠΌΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ±ΡΠ΅ΠΊΡ, ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΏΡΠΈΠ²ΡΠ·Π°Π½Π° ΠΌΠΎΠ΄Π΅Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π²Ρ
ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΡΡΠ»ΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π²Π΅Π½ΡΡΠ²Π° Π½ΠΈ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π² Π²Π°ΡΠ΅ΠΌ Π°ΡΡΠΈΠ±ΡΡΠ΅ checked, ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΏΡΠΈΠ²ΡΠ·Π°Π½. ΠΠ±ΡΠ΅ΠΊΡΡ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ ΠΏΠΎ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ, Π½ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π½Π΅ Π±ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°. Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°ΡΡ ΡΡΠΎΡ ΡΡΠ΅Π½Π°ΡΠΈΠΉ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ Β«ΡΠΎΠΏΠΎΡΡΠ°Π²ΠΈΡΠ΅Π»ΡΒ» Aurelia ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΡ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ ΡΠ°Π²Π΅Π½ΡΡΠ²Π°, ΠΊΠΎΡΠΎΡΠ°Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ: (Π°, Π±) => Π° === Π±
. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΏΠΎ Π²Π°ΡΠ΅ΠΌΡ Π²ΡΠ±ΠΎΡΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΡ Π»ΠΎΠ³ΠΈΠΊΡ Π΄Π»Ρ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ Π²Π°ΡΠΈΡ
ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ².
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { selectedProduct = {id: 1, name: 'CPU' }; productMatcher = (a, b) => a.id === b.id; }
ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΊΡΠΏΠΎΡΡΠ° IProduct { ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΎΠ½Π½ΡΠΉ Π½ΠΎΠΌΠ΅Ρ; ΠΈΠΌΡ: ΡΡΡΠΎΠΊΠ°; } ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { selectedProduct: IProduct = {id: 1, name: 'CPU' }; productMatcher = (a, b) => a.id === b.id; }
<ΡΠ°Π±Π»ΠΎΠ½> <ΡΠΎΡΠΌΠ°>Π’ΠΎΠ²Π°ΡΡ
<ΠΌΠ΅ΡΠΊΠ°> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°3" model.bind="{id: 0, ΠΈΠΌΡ: 'ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°'}" matcher.bind="productMatcher" checked.bind="Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ"> ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ° <ΠΌΠ΅ΡΠΊΠ°> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°3" model.bind="{id: 1, ΠΈΠΌΡ: 'Π¦Π'}" matcher.bind="productMatcher" checked.bind="Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ"> ΠΡΠΎΡΠ΅ΡΡΠΎΡ <ΠΌΠ΅ΡΠΊΠ°> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°3" model.bind="{id: 2, ΠΈΠΌΡ: 'ΠΠ°ΠΌΡΡΡ'}" matcher.bind="productMatcher" checked.bind="Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ"> ΠΠ°ΠΌΡΡΡ ΠΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ: ${selectedProduct.id} - ${selectedProduct.name}
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΡΠ°Π΄ΠΈΠΎΠ²Ρ
ΠΎΠ΄Ρ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΡΡΡ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΡΠ΅Ρ
Π»ΠΈΡΠ΅ΡΠ°Π»ΡΠ½ΡΡ
Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ: null
, true
ΠΈ false
. ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΡΠ°Π΄ΠΈΠΎΠΏΡΠΈΠ΅ΠΌΠ½ΠΈΠΊΠΎΠ² Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Ρ likeCake
.
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { Π»ΡΠ±ΠΈΡΡΠΎΡΡ = Π½ΠΎΠ»Ρ; }
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { Π»ΡΠ±ΠΈΡΡΠΎΡΡ = Π½ΠΎΠ»Ρ; }
<ΡΠ°Π±Π»ΠΎΠ½> <ΡΠΎΡΠΌΠ°>Π’Π΅Π±Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠΎΡΡ?
<ΠΌΠ΅ΡΠΊΠ°> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°3" model.bind="null" checked.bind="likesCake">ΠΠ΅ Π·Π½Π°Ρ <ΠΌΠ΅ΡΠΊΠ°> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°3" model.bind="true" checked.bind="likesCake"> ΠΠ° <ΠΌΠ΅ΡΠΊΠ°> <ΡΠΈΠΏ Π²Π²ΠΎΠ΄Π° = "ΡΠ°Π΄ΠΈΠΎ" ΠΈΠΌΡ = "Π³ΡΡΠΏΠΏΠ°3" model. bind="false" checked.bind="likesCake"> ΠΠ΅Ρ Π½ΡΠ°Π²ΠΈΡΡΡΠ’ΠΎΡΡ = ${Π½ΡΠ°Π²ΠΈΡΡΡΠ’ΠΎΡΡ}
Π‘ΡΡΠΎΠΊΠΈ
ΠΠ°ΠΊΠΎΠ½Π΅Ρ, Π²ΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠΎΠΊ. ΠΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ½ΠΈΠΊΠ°Π»Π΅Π½, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠ½ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ model.bind
Π΄Π»Ρ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ°Π΄ΠΈΠΎ. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ Π²Ρ
ΠΎΠ΄Π½ΠΎΠΉ Π°ΡΡΠΈΠ±ΡΡ value
. ΠΠ±ΡΡΠ½ΠΎ ΠΌΡ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ value
Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ Ρ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΎΠΉ checked, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠ½ ΠΏΡΠΈΠ½ΡΠΆΠ΄Π°Π΅Ρ Π²ΡΠ΅, ΡΡΠΎ Π΅ΠΌΡ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΎ, ΠΊ ΡΡΡΠΎΠΊΠ΅.
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { products = ['ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°', 'Π¦Π', 'ΠΠ°ΠΌΡΡΡ']; Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ = Π½ΠΎΠ»Ρ; }
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΡΠΊΡΠΏΠΎΡΡΠ° { products: string[] = ['ΠΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΠ°', 'Π¦Π', 'ΠΠ°ΠΌΡΡΡ']; Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ = Π½ΠΎΠ»Ρ; }
<ΡΠ°Π±Π»ΠΎΠ½> <ΡΠΎΡΠΌΠ°>Π’ΠΎΠ²Π°ΡΡ
Radio Property for iOS and Android
shadowRadios Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π²Π½ΡΡΡΠΈ Π³ΡΡΠΏΠΏΡ radio. ΠΠ°ΠΆΠ°ΡΠΈΠ΅ Π½Π° ΡΠ°Π΄ΠΈΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡ Π΅Π³ΠΎ ΠΈ ΡΠ½ΠΈΠΌΠ΅Ρ ΠΎΡΠΌΠ΅ΡΠΊΡ Ρ ΡΠ°Π½Π΅Π΅ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ°Π΄ΠΈΠΎ, Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΎ Π΅ΡΡΡ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎ, ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ² Π΄Π»Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° value ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΉ Π³ΡΡΠΏΠΏΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΉ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π΄ΠΈΠΎ.
ΠΡΠ»ΠΈ ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΈ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π²Π½ΡΡΡΠΈ Π³ΡΡΠΏΠΏΡ ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΉ, Π² Π»ΡΠ±ΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ²Π΅ΡΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Π° ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΡ. ΠΡΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π²ΠΌΠ΅ΡΡΠΎ Π½ΠΈΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π°ΠΆΠΊΠΈ. Π Π°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ Π²Π½ΡΡΡΠΈ Π³ΡΡΠΏΠΏΡ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ Π½ΠΈΠΌΠΈ.
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ labelPlacement
Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠ΅ΡΠΊΠΈ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ.
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ justify
Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠ΅ΡΠΊΠΈ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π² ΡΡΡΠΎΠΊΠ΅.
ion-item
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡΡ
, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΎΠΏΡΠ°Π²Π΄Π°Π½ΠΈΠ΅
. ΠΡΠΎ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ justify
.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΠΎΡΠ»Π΅ Π²ΡΠ±ΠΎΡΠ° ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΈ Π΅Π΅ Π½Π΅Π»ΡΠ·Ρ ΠΎΡΠΌΠ΅Π½ΠΈΡΡ; ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠ΅ Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΡΠΎΡ
ΡΠ°Π½ΠΈΡ Π΅Π³ΠΎ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌ. ΠΡΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ allowEmptySelection
ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΉ Π³ΡΡΠΏΠΏΡ ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΌΠ΅Π½ΠΈΡΡ Π²ΡΠ±ΠΎΡ ΡΠ°Π΄ΠΈΠΎΡΡΠ°Π½ΡΠΈΠΉ.
Π¦Π²Π΅ΡΠ°
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS
Π’Π΅Π½Π΅Π²ΡΠ΅ ΡΠ°ΡΡΠΈ CSS
Π Ionic 7.0 Π±ΡΠ» Π²Π²Π΅Π΄Π΅Π½ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠ°Π΄ΠΈΠΎ. ΠΡΠΎΡ Π½ΠΎΠ²ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠΌΠ΅Π½ΡΡΠ°Π΅Ρ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ², Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΡ Π΄Π»Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ°Π΄ΠΈΠΎ, ΡΠ΅ΡΠ°Π΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΠΈ ΡΠ»ΡΡΡΠ°Π΅Ρ ΠΎΠΏΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ².
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΡΡ ΠΌΠΈΠ³ΡΠ°ΡΠΈΡ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡ ΡΠ°Π΄ΠΈΠΎ Π·Π° ΡΠ°Π·. Π₯ΠΎΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΠΌΠΈΠ³ΡΠ°ΡΠΈΡ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΡΠ΅Π΅.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ion-label
ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΌΠ΅ΡΠΊΠΈ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π²Π½ΡΡΡΠΈ ion-radio
. Π Π°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΡΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°
labelPlacement
Π½Π° ion-radio
. Π‘ΠΏΠΎΡΠΎΠ± ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΡΠΈΠΊΠ΅ΡΠΊΠΈ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π² ΡΡΡΠΎΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° justify
Π½Π° ion-radio
.
- JavaScript
- Π£Π³Π»ΠΎΠ²ΠΎΠΉ
- React
- Vue
Π Π°Π΄ΠΈΠΎΠΌΠ΅ΡΠΊΠ°
Π―ΡΠ»ΡΠΊ ΡΠ°Π΄ΠΈΠΎ
Π Π°Π΄ΠΈΠΎΠΌΠ΅ΡΠΊΠ°
Π―ΡΠ»ΡΠΊ ΡΠ°Π΄ΠΈΠΎ
Π―ΡΠ»ΡΠΊ ΡΠ°Π΄ΠΈΠΎ
Π―ΡΠ»ΡΠΊ ΡΠ°Π΄ΠΈΠΎ
Π ΠΏΡΠΎΡΠ»ΡΡ
Π²Π΅ΡΡΠΈΡΡ
Ionic ion-item
Π±ΡΠ» ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ion-radio
. ΠΠ°ΡΠΈΠ½Π°Ρ Ρ Ionic 7.0,
ion-radio
ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ion-item
, ΠΊΠΎΠ³Π΄Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½ Π² ion-list
. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ion-item
Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ion-radio
.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ°ΡΠ΅Π²ΡΠ΅Π³ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°
Ionic ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠ²ΡΠΈΡΡΠΈΠΊΡ, ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠ°Π΄ΠΈΠΎ. Π Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΡΠ»ΡΡΠ°ΡΡ
ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½Π΅Π΅ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° legacy
Π½Π° ion-radio
Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true
, ΡΡΠΎΠ±Ρ Π·Π°ΡΡΠ°Π²ΠΈΡΡ ΡΡΠΎΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΡΠ°Π΄ΠΈΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ.
ΡΠ²Π΅Ρβ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΡΠ²Π΅Ρ ΠΈΠ· ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ°ΡΠΈΠ°Π½ΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: "ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ" , "Π²ΡΠΎΡΠΈΡΠ½ΡΠΉ" , "ΡΡΠ΅ΡΠΈΡΠ½ΡΠΉ" , "ΡΡΠΏΠ΅ΡΠ½ΡΠΉ" , "ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅" , "ΠΎΠΏΠ°ΡΠ½ΡΠΉ" , "Π»Π΅Π³ΠΊΠΈΠΉ" 900 09, |
ΠΡΡΠΈΠ±ΡΡ | ΡΠ²Π΅Ρ |
Π’ΠΈΠΏ | "ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ ο½ Β«ΡΠ΅ΠΌΠ½ΡΠΉΒ» ο½ Β«ΡΠ²Π΅ΡΠ»ΡΠΉΒ» ο½ Β«ΡΡΠ΅Π΄Π½ΠΈΠΉΒ» ο½ Β«ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉΒ» ο½ Β«Π²ΡΠΎΡΠΈΡΠ½ΡΠΉΒ» ο½ Β«ΡΡΠΏΠ΅Ρ
Β» ο½ Β«ΡΡΠ΅ΡΠΈΡΠ½ΡΠΉΒ» ο½ Β«ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅Β» ο½ ΡΡΡΠΎΠΊΠ° ΠΈ Π·Π°ΠΏΠΈΡΡ <Π½ΠΈΠΊΠΎΠ³Π΄Π°, Π½ΠΈΠΊΠΎΠ³Π΄Π°> ο½ Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ |
ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΎ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | ΠΡΠ»ΠΈ true , ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ ΡΠ°Π΄ΠΈΠΎ. |
ΠΡΡΠΈΠ±ΡΡ | ΠΎΡΠΊΠ»ΡΡΠ΅Π½ |
Π’ΠΈΠΏ | Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | false |
justifyβ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | ΠΠ°ΠΊ ΡΠΏΠ°ΠΊΠΎΠ²Π°ΡΡ ΡΡΠΈΠΊΠ΅ΡΠΊΡ ΠΈ ΡΠ°Π΄ΠΈΠΎ Π² ΠΎΠ΄Π½Ρ Π»ΠΈΠ½ΠΈΡ.![]() "start" : Π―ΡΠ»ΡΠΊ ΠΈ ΡΠ°Π΄ΠΈΠΎ ΠΏΠΎΡΠ²ΡΡΡΡ ΡΠ»Π΅Π²Π° Π² LTR ΠΈ ΡΠΏΡΠ°Π²Π° Π² RTL. "ΠΊΠΎΠ½Π΅Ρ" : ΠΠ΅ΡΠΊΠ° ΠΈ ΡΠ°Π΄ΠΈΠΎ ΠΏΠΎΡΠ²ΡΡΡΡ ΡΠΏΡΠ°Π²Π° Π² LTR ΠΈ ΡΠ»Π΅Π²Π° Π² RTL. "space-between" : ΠΠ΅ΡΠΊΠ° ΠΈ ΡΠ°Π΄ΠΈΠΎ ΠΏΠΎΡΠ²ΡΡΡΡ Π½Π° ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΡΡ
ΠΊΠΎΠ½ΡΠ°Ρ
ΡΡΡΠΎΠΊΠΈ Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π²ΡΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. |
ΠΡΡΠΈΠ±ΡΡ | Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ |
Π’ΠΈΠΏ | "ΠΊΠΎΠ½Π΅Ρ" ο½ "ΠΏΡΠΎΠ±Π΅Π»" ο½ "Π½Π°ΡΠ°Π»ΠΎ" |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | 'ΠΏΡΠΎΠ±Π΅Π» ΠΌΠ΅ΠΆΠ΄Ρ ' |
labelPlacementβ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | ΠΠ΄Π΅ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΌΠ΅ΡΠΊΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π΄ΠΈΠΎ. "start" : ΠΠ΅ΡΠΊΠ° ΠΏΠΎΡΠ²ΠΈΡΡΡ ΡΠ»Π΅Π²Π° ΠΎΡ ΡΠ°Π΄ΠΈΠΎ Π² LTR ΠΈ ΡΠΏΡΠ°Π²Π° Π² RTL. "end" : ΠΠ΅ΡΠΊΠ° ΠΏΠΎΡΠ²ΠΈΡΡΡ ΡΠΏΡΠ°Π²Π° ΠΎΡ ΡΠ°Π΄ΠΈΠΎ Π² LTR ΠΈ ΡΠ»Π΅Π²Π° Π² RTL. "fixed" : ΠΌΠ΅ΡΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΠΎ ΠΆΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, ΡΡΠΎ ΠΈ "start" , Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΎΠ½Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ.![]() |
ΠΡΡΠΈΠ±ΡΡ | ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΈΠΊΠ΅ΡΠΊΠΈ |
Π’ΠΈΠΏ | Β«ΠΊΠΎΠ½Π΅ΡΒ» ο½ Β«ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉΒ» ο½ Β«Π½Π°ΡΠ°Π»ΠΎΒ» |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | Β«ΡΡΠ°ΡΡΒ» |
Π½Π°ΡΠ»Π΅Π΄ΠΈΠ΅β
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠ΅Π΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π½Π° true , ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠ½ΡΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΡΠΌΠΎΠΉ. Ionic Π²ΡΠ±Π΅ΡΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠΎΡΠΌΡ, ΡΠΎΠ»ΡΠΊΠΎ Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π»ΠΈΠ±ΠΎ Π°ΡΡΠΈΠ±ΡΡ aria-label , Π»ΠΈΠ±ΠΎ ΡΠ»ΠΎΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ΅ΠΊΡΡ ΠΌΠ΅ΡΠΊΠΈ. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΡΡΠ°ΡΠ΅Π²ΡΠ΅Π΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π°Π²Π°ΡΠΈΠΉΠ½ΠΎΠ³ΠΎ Π»ΡΠΊΠ°, ΠΊΠΎΠ³Π΄Π° Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΡΠΎΠ³ΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΡ ΡΠΎΠ³Π»Π°ΡΠΈΡ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ΄Π°Π»Π΅Π½ΠΎ Π² ΠΏΡΠ΅Π΄ΡΡΠΎΡΡΠ΅ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π²ΡΠΏΡΡΠΊΠ΅ Ionic, ΠΈ Π²ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠΎΡΠΌΡ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΠΎΡΠΌΡ.![]() |
ΠΡΡΠΈΠ±ΡΡ | Π½Π°ΡΠ»Π΅Π΄ΠΈΠ΅ |
Π’ΠΈΠΏ | Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ο½ Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ |
ΡΠ΅ΠΆΠΈΠΌ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | Π Π΅ΠΆΠΈΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΡΠΈΠ»ΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ. |
ΠΡΡΠΈΠ±ΡΡ | ΡΠ΅ΠΆΠΈΠΌ |
Π’ΠΈΠΏ | "ios" ο½ "md" |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | undefined |
Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΠΎΡΠΌΡ.
ΠΠΌΡ
Π‘ΡΡΠΎΠΏΠ° 0009
this.
inputId
Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅β
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ ΡΠ°Π΄ΠΈΠΎ. |
ΠΡΡΠΈΠ±ΡΡ | Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ |
Π’ΠΈΠΏ | Π»ΡΠ±ΠΎΠΉ 9 0009 |
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ |
ΠΠΌΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
ionBlur | ΠΡΠΏΡΡΠΊΠ°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΠ΅ΡΡΠ΅Ρ ΡΠΎΠΊΡΡ. |
ionFocus | ΠΡΠΏΡΡΠΊΠ°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠΎΠΊΡΡΠ΅. |
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π½Π΅Ρ ΠΎΠ±ΡΠ΅Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ².
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ | ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π΄Π»Ρ ΡΠ°Π΄ΠΈΠΎΠΌΠ΅ΡΠΊΠΈ. |
ΠΌΠ΅ΡΠΊΠ° | ΠΠ°Π»ΠΎΡΠΊΠ° ΠΈΠ»ΠΈ ΡΠΎΡΠΊΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π΄Π»Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΎΡΠΌΠ΅ΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ.![]() |