-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix typos #23
base: master
Are you sure you want to change the base?
fix typos #23
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -15,7 +15,7 @@ Two way binding გულისხმობს property binding-ისა და | |
ng g c sizer | ||
``` | ||
|
||
sizer კომპონენტი მარტივი პრინციპით იმუშავებს. ის მშობელისგან მიიღებს საწყის ფონტის ზომას | ||
sizer კომპონენტი მარტივი პრინციპით იმუშავებს. ის მშობლისგან მიიღებს საწყისი ფონტის ზომას | ||
(`@Input() size`), | ||
ხოლო თვითონ, ღილაკზე დაჭერის საფუძველზე ამ ფონტის ზომას გაზრდის და ისე გადასცემს მშობელს | ||
(`@Output() sizeChange`). | ||
|
@@ -83,12 +83,12 @@ fontSizePx = 16; | |
ახლა ფონტის ზომა უნდა იცვლებოდეს. აპლიკაციაში შემდეგი რამ ხდება: | ||
|
||
- თავდაპირველად, როცა აპლიკაცია იტვირთება, `AppComponent`-ში არსებული `fontSizePx` | ||
გადაეცემა `SizerComponent`, რომელიც ინიციალიზაციისას სწორედ მის მნიშვნელობას შეინახავს | ||
გადაეცემა `SizerComponent`, რომელიც ინიციალიზაციისას მის მნიშვნელობას შეინახავს | ||
`size` თვისებაში. სწორედ ამ ზომას გამოსახავს ეს კომპონენტი. | ||
- `SizerComponent`-ში ღილაკზე დაჭერით გააქტიურდება `dec` ან `inc` მეთოდი, რომელიც `resize` მეთოდს | ||
დაუძახებს და შეცვლის ფონტის ზომას, ამასთანავე დააემითებს ამ ახალ ზომას. | ||
დაუძახებს და შეცვლის ფონტის ზომას, ამასთანავე დააემითებს ახალ ზომას. | ||
- ახალ დაემითებულ ზომას `AppComponent` ივენთ ბაინდინგის საშუალებით დააფიქსირებს და შეცვლის თავის | ||
ფროფერთის `fontSizePx` რათა მან ეს ახალი მნიშვნელობა მიიღოს. | ||
ფროფერთის `fontSizePx` , რათა მან ეს ახალი მნიშვნელობა მიიღოს. | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. სიტყვასა და მძიმეს შორის ადგილია |
||
- შედეგად იცვლება `AppComponent`-ის თემფლეითში არსებული ტექსტის ზომა. | ||
|
||
ამ ბაინდინგის შესამოკლებლად ანგულარში შექმნეს შემდეგნაირი სინტაქსი: | ||
|
@@ -98,9 +98,9 @@ fontSizePx = 16; | |
<div [style.font-size.px]="fontSizePx">Resizable Text</div> | ||
``` | ||
|
||
რაც ზუსტად იგივეს აკეტებს. ჩვენ ერთდროულად ვუსმენთ ცვლილებას და ვაწვდით კონკრეტულ მნიშვნელობას. | ||
სწორედ ეს არის two way binding. ეს შესაძლებელია მხოლოდ იმ შემთხვევასი, თუ იმ კომპონენტში, რომელზეც | ||
ჩვენ ბაინდინგს ვაკეტებთ `Input`-ისა და `Output` თვისებების სახელები კონკრეტული კონვენციითაა შექმნილი: | ||
რაც ზუსტად იმავეს აკეთებს. ჩვენ ერთდროულად ვუსმენთ ცვლილებას და ვაწვდით კონკრეტულ მნიშვნელობას. | ||
სწორედ ეს არის two way binding. ეს შესაძლებელია მხოლოდ იმ შემთხვევაში, თუ იმ კომპონენტში, რომელზეც | ||
ჩვენ ბაინდინგს ვაკეთებთ `Input`-ისა და `Output` თვისებების სახელები კონკრეტული კონვენციითაა შექმნილი: | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. მძიმეების დასმა ჩემი ძლიერი მხარე არაა , თორემ უფრო მეტ შეცდომას ვიპოვიდი )) |
||
`Output` თვისება უნდა იწყებოდეს `Input` თვისების დასახელებით და ბოლოში უნდა ემატებოდეს `Change`. | ||
|
||
```ts | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,7 +5,7 @@ title: "DI-ის გამოყენებით" | |
# DI-ის გამოყენებით | ||
|
||
ვთქვათ ეს ორი შვილი კომპონენტი გახდა კომპლექსური. მათ ბევრი ცალკეული | ||
შვილი კომპონენტი ჰყავთ, რომლებსაც მენეჯმენტი უნდა გაუკეთონ. ლოგიკის რაღაც ნაწილი, | ||
შვილი კომპონენტი ჰყავთ, რომლებიც უნდა დაამენეჯმენტონ. ლოგიკის რაღაც ნაწილი, | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. მოდი საერთოდ იყოს |
||
კერძოდ გმირებზე ინფორმაციის მანიპულაცია ძალიან განმეორებადი იქნებოდა თითოეულ | ||
კომპონენტში. ამ კომპონენტებს ისევ პრიმიტიულად დავტოვებთ, მაგრამ გამოვიყენებთ | ||
სერვისებს, რაც ჩვენი გმირების შესახებ ინფორმაციასთან დაკავშირებულ ლოგიკას | ||
|
@@ -104,7 +104,7 @@ import { HeroService } from './hero.service.ts' | |
}) | ||
``` | ||
|
||
თუ მხოლოდ კონკრეუტლი კომპონენტებისთვის გვინდა ეს კლასი, მაშინ სეგვიძლია | ||
თუ მხოლოდ კონკრეუტლი კომპონენტებისთვის გვინდა ეს კლასი, მაშინ შეგვიძლია | ||
`Component` დეკორატორში მისი `providers` მასივში დამატებაც: | ||
|
||
```ts | ||
|
@@ -116,7 +116,7 @@ import { HeroService } from './hero.service.ts' | |
``` | ||
|
||
ასე ანგულარი `HeroService`-ის უნიკალურ ინსტანციას შექმნის | ||
_მხოლოდ `AppComponent`-ისთვის_. | ||
მხოლოდ `AppComponent`-ისთვის. | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. იტალიკებს რაღაცას ერჩი აშკარად, ამაზე აქცენტი უნდა იყოს. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. სრული სიმახინჯეა There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. დანიშნულება აქვს. თუ გინდა სტილებში შეცვალე რომ კარგად გამოჩნდეს, მაგრამ აქ იტალიკები საჭიროა. |
||
|
||
ამ შემთხვევაში ჩვენ`{providedIn: 'root'}`-ს დავტოვებთ. ანუ ეს | ||
სერვისი იქნება ე.წ "Singleton" სერვისი, სადაც მისი ერთი ინსტანცია | ||
|
@@ -253,9 +253,9 @@ export class HeroDetailsComponent { | |
აქ სტრიმები პირობითია. მთავარია დავინახოთ სერვისების ეფექტურობა: მათი საშუალებით გმირებთან | ||
დაკავშირებული ლოგიკა ერთ ადგილას გავაერთიანეთ და მასზე გავხადეთ დამოკიდებული ორი | ||
კომპონენტი. ეს ორივე კომპონენტი `HeroService`-ის ერთსა და იმავე ინსტანციას იყენებენ, | ||
და ასე ვთქვათ ერთმანეთთან სინქრონიზირებულები არიან. ორივეს შეუძლია არსებული გმირების | ||
და ასე ვთქვათ ერთმანეთთან სინქრონიზებულები არიან. ორივეს შეუძლია არსებული გმირების | ||
სიისა და არჩეული გმირის შესახებ ინფორმაციის აღება ან მასზე რეაგირება. | ||
|
||
ანგულარის უნიკალურობა სწორედ ამაში მდგომარეობს, dependency injection მისი უდიდესი | ||
პლიუსია. DI-ით უფრო მეტი საინტერესო რაღაცების გაკეთება შეიძლება, | ||
პლუსია. DI-ით უფრო მეტი საინტერესო რაღაცების გაკეთება შეიძლება, | ||
[გაეცანით ოფიციალურ დოკუმენტაციას](https://angular.dev/guide/di). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
იტალიკებს რას ერჩი?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
მთლიან დიზაინს ა მ ა ხ ი ნ ჯ ე ბ ს !!!