Text interpolation

ИспользованиС Π² html-ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… вставки ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Ρ‡Π΅Ρ€Π΅Π· {{ }}.

Π§Ρ‚ΠΎ это Π΄Π°Π΅Ρ‚ Π² Angular:

  • ВычислСниС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

  • ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ выраТСния ΠΊ строкС

НСльзя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ:

  • ВсС Ρ„ΠΎΡ€ΠΌΡ‹ приравнивания (=, +=, ...)

  • ΠžΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ new, typeof, instanceof

  • Π¦Π΅ΠΏΠΎΡ‡ΠΊΠΈ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ; ΠΈΠ»ΠΈ ,

  • ΠžΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ΠΈΠ½ΠΊΡ€Π΅ΠΌΠ΅Π½Ρ‚Π° ++ ΠΈΠ»ΠΈ Π΄Π΅ΠΊΡ€Π΅ΠΌΠ΅Π½Ρ‚Π° --

  • НСкоторыС ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ES2015+.

Π’Π°ΠΊ ΠΆΠ΅, Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ: ΠΏΠΎΠ±ΠΈΡ‚ΠΎΠ²Ρ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ (| ΠΈ &) .

ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚ выраТСния (expression context) ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ совпадаСт с контСкстом ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°. Но ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ контСкст Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΈΠ²Ρ‹.

ИмСна Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π΅:

  • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Π°Ρ Ρ‚Π΅ΠΌΠΏΠ»Π΅ΠΉΡ‚Π° (Π² {{ }})

  • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Π°Ρ Π² контСкстС Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΈΠ²Ρ‹

  • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°

<h1> Hello, {{ customer }} from component's context</h1> 
<ul>
    <li *ngFor="let customer of customers">{{ customer.value }} from directive's context </li>
</ul>

Last updated