Angularjs ကို ၂၀၀၉ ခုန္ႏွစ္ က Misko Hevery and Adam Abrons တို႔က Brat Tech LLC မွာ စတင္ေရးသားခဲ႔ပါတယ္။ ေနာက္ပိုင္းမွာ google က တရား၀င္ ေထာက္ပ႔ံေပးခဲ႔ပါတယ္။ တကယ္ေတာ႔ Misko Hevery ဟာ google ရဲ႕ ၀န္ထမ္းတစ္ေယာက္ျဖစ္ပါတယ္။
၂၀၁၂ ခုႏွစ္မွာ Angularjs ရဲ႕ version 1 ကို ထုတ္ေ၀ခဲ႔ပါတယ္။
Angularjs ဟာ open source javascript framework တစ္ခုျဖစ္ျပီး single page application မ်ားအတြက္ အထူးသင့္ေလ်ာ္ပါတယ္။
Aungularjs အသံုးျပဳပံုဟာ jquery ထက္စာရင္ ပိုမိုလြယ္ကူရွင္းလင္းပါတယ္။
coding ေရးေနရတယ္ဆုိတာထက္ Html ေရးရတာနဲ႔ ပိုမိုဆင္တူပါတယ္။ Angular ဟာ HTML tag attribute အသစ္မ်ား (directive လို႔ angular မွာေခၚပါတယ္) မ်ားကို သံုးျပီး အလုပ္လုပ္သြားပါတယ္။
angularjs ဟာ two ways binding အသံုးျပဳထားျပီး DOM element ေတြနဲ႔ javascript variable ေတြၾကားမွာ bind လုပ္ထားေပးပါတယ္။
angularjs ဟာ သာမန္အားျဖင့္ ခက္တယ္လို႔ထင္ရေပမယ့္ တကယ္ေလ႔လာမယ္ဆုိရင္ ေရးရသက္သာျပီး လြယ္ကူတာကိုေတြ႔ရပါမယ္။
<body>
<div ng-app="">
<p>Name : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
အေပၚက ေရးထားတာကို ၾကည့္မယ္ဆိုရင္ ng-model directive အေနနဲ႔ name ဆိုတဲ႔ နာမည္နဲ႔ input form element ကို bind ေပးမွာျဖစ္ပါတယ္။
ဒါေၾကာင့္ application scope ထဲမွာ name ဆိုတဲ႔ variable တစ္ခု ျဖစ္လာမွာျဖစ္ျပီး အဲဒီ input form element မွာ စာေရးလိုက္တုိင္း အဲဒီ စာဟာ name variable ထဲကို ေရာက္သြားမွာပါ။
ဒါေၾကာင့္ ေအာက္တစ္ေၾကာင္းမွာ {{name}} ကို ျပန္ output ထုတ္ထားတာေတြ႔ရပါမယ္။ အဲဒီအေၾကာင္းက name variable ၇ဲ႕ တန္ဖိုးကို ထုတ္ျပေပးဖုိ႔ျဖစ္ပါတယ္။
ဒါေၾကာင့္ေနာက္ဆံုး result အေနနဲ႔ user ဟာ အဲဒီ input element မွာ ရိုက္သမွ် ေအာက္က H1 tag ထဲမွာလာေပၚပါလိမ္႔မယ္။
example demo: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_default
အေျခခံပိုင္းမွာ angularjs ဟာ လြယ္ကူေပမယ့္ advance ပိုင္းေရာက္လာတဲ႔အခါ အခက္အခဲ နည္းနည္းေတာ႔ေတြ႔ရႏိုင္ပါတယ္။ angularjs ကေပးတဲ႔ directive ေတြအျပင္ ကိုယ္ပိုင္ directive ေတြတည္ေဆာက္လိုတဲ႔အခါမ်ိဳးေတြ မွာ ေလ႔လာမႈပိုမိုလိုအပ္ပါလိမ္႔မယ္။ javascript ကို ပိုမိုနားလည္ရန္လည္းလိုပါတယ္။
ကြ်န္ေတာ္ကိုယ္တိုင္လည္း အခုအခ်ိန္မွာ angular ကို base level အထိေလာက္ပဲေရးႏိုင္ေသးတာပါ။
ဒါေၾကာင့္စတင္ေလ႔လာမယ့္ ညီအကိုေတြအတြက္ ဗဟုသုတေလးပါ။
ပိုသိလာတဲ႔အခါ ပိုမို မွ်ေ၀ပါ႔မယ္။
EmoticonEmoticon