ዝርዝር ሁኔታ:
ቪዲዮ: በማዕዘን ቁሶች እንዴት እጀምራለሁ?
2024 ደራሲ ደራሲ: Lynn Donovan | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2023-12-15 23:42
በ Angular Material መጀመር
- ደረጃ 1: ይጫኑ አንግል CLI
- ደረጃ 2፡ የስራ ቦታ እና የመጀመሪያ መተግበሪያ ይፍጠሩ።
- ደረጃ 3፡ ጫን የማዕዘን ቁሳቁስ .
- ደረጃ 4፡ አስመጣ የማዕዘን ቁሳቁስ አካል ሞጁሎች.
- ደረጃ 5፡ የማዕዘን ቁሳቁስ የጀማሪ አካላት.
- ደረጃ 6፡ ማመልከቻውን ያቅርቡ።
በዚህ መንገድ, የማዕዘን ቁሳቁስ ምንድን ነው?
የማዕዘን ቁሳቁስ ለ UI ክፍሎች ቤተ-መጽሐፍት ነው። አንግል JS ገንቢዎች. የማዕዘን ቁሳቁስ እንደ አሳሽ ተንቀሳቃሽነት፣ የመሣሪያ ነፃነት እና የጸጋ ውርደት ያሉ ዘመናዊ የድር ዲዛይን መርሆችን በማክበር ላይ ያሉ ክፍሎች ማራኪ፣ ተከታታይ እና ተግባራዊ ድረ-ገጾችን እና የድር መተግበሪያዎችን በመገንባት ላይ ያግዛሉ።
በተመሳሳይ፣ በ angular 7 ፕሮጀክት እንዴት እጀምራለሁ? Angular 7 Environment ለማዘጋጀት ደረጃዎቹን ይከተሉ፡ -
- ደረጃ 1፡ ቪዥዋል ስቱዲዮ ኮድ አይዲኢ (ወይም JetBrains WebStorm) ጫን ቪዥዋል ስቱዲዮ ኮድ ቀላል እና ለማዋቀር ቀላል ነው፣ ብዙ አብሮገነብ IntelliSense ባህሪያት አሉት።
- ደረጃ 2፡ Node.js ን ጫን። መስቀለኛ መንገድ.
- ደረጃ 3፡ angular cliን ለመጫን npmን በመጠቀም።
በተመሳሳይ መልኩ አንድ ሰው በፕሮጀክቴ ውስጥ የማዕዘን ቁሳቁሶችን እንዴት ማከል እችላለሁ?
Angular Material ለመጫን ደረጃዎች፡-
- ደረጃ 1፡ Angular CLI ን ይጫኑ።
- ደረጃ 2፡ ለአንግላር ፕሮጀክት የስራ ቦታ ይፍጠሩ።
- ደረጃ 3፡ Angular Material፣ Angular CDK እና Angular Animations ይጫኑ።
- ደረጃ 4፡ እነማዎችን አዋቅር።
- ደረጃ 5፡ የAngular Material component ሞጁሎችን አስመጣ።
- ደረጃ 6፡ የእጅ ምልክት ድጋፍ።
አንግል 7 የማዕዘን ቁሳቁሶችን እንዴት ያዋህዳል?
ደረጃ፡ 2 የማዕዘን ቁሳቁስ እና ጥገኞችን ጫን
- ደረጃ፡1 አንግል/ቁስ npm ጫን i --save @angular/material @angular/cdk።
- ደረጃ፡2 የAngular Animation npm ጫን i --save @angular/animations።
- ደረጃ፡3 Hammer JS npm i - hammerjs ን ጫን።
- src/main.ts.
- አሁን በ src/app/material.ts ውስጥ ቀላል የጽሕፈት ጽሕፈት ፋይል ለመፍጠር ጊዜው አሁን ነው።
የሚመከር:
በማዕዘን ውስጥ spec ፋይል ምንድን ነው?
ልዩ ፋይሎቹ የምንጭ ፋይሎችዎ ክፍል ሙከራዎች ናቸው። የAngular ትግበራዎች ስምምነት ሀ. ዝርዝር መግለጫ የ ng ሙከራ ትዕዛዙን ሲጠቀሙ በካርማ ሙከራ ሯጭ (https://karma-runner.github.io/) በኩል የጃስሚን ጃቫስክሪፕት የሙከራ ማዕቀፍ በመጠቀም ነው የሚሄዱት
በማዕዘን ውስጥ ሞዴል ምንድን ነው?
በMVC ላይ የተመሰረተ አፕሊኬሽን ውስጥ ያለው ሞዴል በአጠቃላይ እይታ ውስጥ ጥቅም ላይ የሚውለውን መረጃ በመቅረጽ እና የተጠቃሚን መስተጋብር እንደ አዝራሮች ጠቅ ማድረግ፣ ማሸብለል ወይም በእይታ ላይ ሌሎች ለውጦችን የማድረግ ሃላፊነት አለበት። በመሠረታዊ ምሳሌዎች AngularJS የ$scope ነገርን እንደ ሞዴል ይጠቀማል
በማዕዘን ውስጥ ቦታ ያዥ ምንድን ነው?
ቦታ ያዥ። ቦታ ያዥው መለያው ሲንሳፈፍ የሚታየው ጽሑፍ ነው ነገር ግን ግቤቱ ባዶ ነው። ለተጠቃሚው በግቤት ውስጥ ምን መተየብ እንዳለበት ተጨማሪ ፍንጭ ለመስጠት ይጠቅማል። ቦታ ያዥው የቦታ ያዥ አይነታውን በኤለመንቱ ላይ በማዘጋጀት ሊገለጽ ይችላል።
ክፍሎቹ በማዕዘን ውስጥ እንዴት ይገናኛሉ?
በ Angular 2 አንድ አካል መረጃን ወይም ክስተቶችን በማለፍ መረጃን እና መረጃን ለሌላ አካል ማጋራት ይችላል። አካላት በተለያዩ መንገዶች እርስ በርስ ሊግባቡ ይችላሉ፡ ከእነዚህም ውስጥ፡ @Input() @Outputን መጠቀም() አገልግሎቶችን መጠቀም። የወላጅ አካል ወደ ViewChild በመደወል ላይ። የአካባቢ ተለዋዋጭ በመጠቀም ወላጅ ከልጁ ጋር መገናኘት
ብጁ መመሪያን በማዕዘን እንዴት መፍጠር እንችላለን?
ብጁ መመሪያ መፍጠር ቀላል ነው። አዲስ ክፍል ፍጠር እና በ @Directive decorator አስጌጠው። መመሪያው ከመጠቀማችን በፊት በተዛማጅ (አፕ-) ሞጁል ውስጥ መታወጁን ማረጋገጥ አለብን። የ angular-cli ን እየተጠቀሙ ከሆነ ይህ በራስ-ሰር መደረግ አለበት።