Учење и усавршавање како да обављате одређене свакодневне задатке помоћу Ангулар-а може вам прилично брзо побољшати каријеру, посебно ако сте нови у . У овом чланку ћемо разговарати о једном таквом задатку који је програмер морао да уради хиљадама времена: стварању скромног падајућег оквира. На овом блогу ће бити обрађене следеће теме:
Шта је Ангулар?
Па, ако читате блог о томе како да направите падајући оквир користећи Ангулар, може се претпоставити да већ имате општу идеју о Ангулар-у. За оне који то нису и који су случајно налетели на овај блог због хирова и помишљања на Интернету, је фронт-енд развојни оквир. Развија га и одржава технолошки гигант Гоогле. Пружа модуларан начин за развој веб апликација на једној страници као што су Гмаил, ПаиПал и Лего. Апликације изграђене коришћењем Ангулар-а примењују приступ Модел-Виев-Виев-Модел.
Шта је падајући оквир?
Падајући оквир је чиста метода приказивања низа опција јер се у почетку приказује само један избор док корисник не активира падајући оквир. Да бисте додали падајући оквир веб страници, користили бисте изаберите елемент или а Листа ствари . Прва ознака у елементу селецт мора да има изабрану опцију постављену на вредност изабране. Ево малог исечка кода који ће вам показати на шта мислим.
Опција 1 Опција 2 Опција 3
Наравно, горенаведеном коду ће бити потребан његов специфични јавасцрипт да би имао очекивано понашање, али основни костур падајућег менија остаје исти. Погледајмо како то сада радимо у Ангулар-у.
Дропдовн Бок користећи Ангулар
Искрено говорећи, било би прилично застрашујуће показати све могуће начине за примену падајућег оквира у угловима. Мозак сваког програмера обрађује логику на свој јединствен начин и у својој каријери видео сам неке луде падајуће меније. Бићу скроман и показаћу вам прилично основни приступ падајућем менију.
тип података за датум у скл
1. метод: Прављење падајуће листе помоћу нг-опција
Можете да користите нг-опције да бисте креирали падајући мени од низа или листе ставки.
периодни систем алата девопс
вар апп = ангулар.модуле ('демо', []) апп.цонтроллер ('миЦтрл', фунцтион ($ сцопе) {$ сцопе.намес = ['Демаванд', 'Прадееп', 'Асхутосх']})
2. метод: Прављење падајуће листе помоћу нг-репеат
Угаоно је свестрано , очигледно има више начина за стварање основног падајућег менија. Директива нг-репеат понавља блок ХТМЛ кода за сваку ставку у низу, може се користити за стварање опција на падајућој листи, али је директива нг-оптионс направљена посебно за попуњавање падајуће листе опцијама и има једну важну Предност, тј. падајући менији направљени помоћу нг-опција омогућава одабраној вредности да буде објекат, док падајући мени направљен од нг-репеат мора бити низ.
Овај одређени исечак кода примењује исту листу помоћу нг-репеат
{{наме}} вар апп = ангулар.модуле ('демо', []) апп.цонтроллер ('миЦтрл', фунцтион ($ сцопе) {$ сцопе.намес = ['Демаванд', 'Прадееп', 'Асхутосх' ]})
Ово нас доводи до краја овог прилично кратког „падајућег списка користећи ангулар“. Надам се да сада имате идеју како бисте могли да примените падајући мени у свом властитом пројекту. Ако сумњате у вези са овим блогом, можете их послати као коментар у одељку за коментаре испод. Такође можете да поделите свој креативни начин прављења падајућег оквира.
Ако желите да сазнате више о Ангулар фрамеворк-у, погледајте наш који долази са обуком уживо коју воде инструктори и искуством у стварном животу. Овај тренинг ће вам помоћи да дубље разумете Ангулар и помоћи вам да постигнете овладавање предметом.
Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре у „Ангулар Дропдовн“ и јавићемо вам се.