AngularJS ပြောင်းလဲမှု
အင်္ဂလိပ်ဂျူးဂျက်စ် မှာအမှုအယူအခြေခံ အချက်အလက် ကို အမြန်မှုန် သတ်မှတ်ပါသည်။
AngularJS ပြောင်းလဲမှု
အင်္ဂလိပ်ဂျူးဂျက်စ် အမှုအယူ များ ကို နှစ်ခုမှ ပါဝင်သော အကြိမ်အချိန် တွင် ရေးနိုင်ပါသည်။{{ expression }}。
အမည်အမျိုးအစား များ အတွင်း အင်္ဂလိပ်ဂျူးဂျက်စ် အမှုအယူ များ ရေးနိုင်ပါသည်။ng-bind="expression"。
အင်္ဂလိပ်ဂျူးဂျက်စ် မှာ အမှုအယူ များ အလိုအား ဖော်ပြပြီး အမှုအယူ များ ရလဒ် ကို အမှုအယူ ရေးနိုင်နေရာ တွင် ပြန်လည် ပြန်ကြားပါသည်။
AngularJS ပြောင်းလဲမှုကွဲပြားခြင်း မရှိ ဂျူနီယာန် အမှုအယူကို ပါဝင်နိုင်ပါသည်။
ဌာန်းချက် {{ 5 + 5 }} သို့မဟုတ် {{ firstName + " " + lastName }}
အကြောင်းကြား
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
<p>ကျွန်တော်၏ ပထမဆုံး အမှုအယူ ပုံပေါ်များ: {{ 5 + 5 }}</p>
</body>
</html>
亲自试一试
အပြီးအပိုင်း ဖြုတ်ကာ ng-app အမည်အမျိုးအစား များ ကို အရေးသတ်သော ပြန်လည် ဖော်ပြခြင်း မပြုဘဲ အမှုအယူ များ အလိုအား ပြန်လည် ဖော်ပြပါသည်။
အကြောင်းကြား
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div>
<p>ကျွန်တော်၏ ပထမဆုံး အမှုအယူ ပုံပေါ်များ: {{ 5 + 5 }}</p>
</body>
</html>
亲自试一试
ကျွန်တော် ကောင်းသည့် နေရာတွင် အမှုအယူ များ ရေးနိုင်ပါ၏၊ အင်္ဂလိပ်ဂျူးဂျက်စ် မှာ အမှုအယူ များ အလိုအား ပြန်လည် ဖော်ပြပြီး အမှုအယူ များ ရလဒ် ကို ပြန်လည် ပြန်ကြားပါသည်။
အမျိုးအစား: အင်္ဂလိပ်JS ကို အသုံးပြုပြီး CSS အရိုက် အမှတ်အသား ပြောင်းလဲရန်
အမှတ်အသား ပြောင်းလဲခြင်း ဖြင့် အောက်ရှိ အဖြင့်သုံး အမျိုးအစား ပြောင်းလဲပါ
ရှပ်သော အမြောက်အမြဲ
အကြောင်းကြား
<div ng-app="" ng-init="myCol='lightblue'">
<input style="background-color:{{myCol}}" ng-model="myCol">
亲自试一试
AngularJS နှုတ်ချက်
AngularJS နှုတ်ချက် သည် JavaScript နှုတ်ချက် ကဲ့သို့
အကြောင်းကြား
<div ng-app="" ng-init="quantity=1;cost=5">
<p>စုစုပေါင်း ငွေစားပွဲ (ဒေါ်လ�)：<{{ quantity * cost }}</p>
亲自试一试
အသုံးပြုရန် ng-bind အမျိုးအစား
အကြောင်းကြား
<div ng-app="" ng-init="quantity=1;cost=5">
<p>စုစုပေါင်း ငွေစားပွဲ (ဒေါ်လာ)：<span ng-bind="quantity * cost"></span></p>
亲自试一试
ng-init ကို အသုံးပြုခြင်း သည် လူးလေးစွာ မပါဝင်ချေ။ သူတို့ ကို ဖြေ့ဖြူးသည့် စားပွဲတိုက် အစုံအဝေး တွင် အကောင်းဆုံး အမှုလက်ခံသည် အမှတ်အသားများ ကို တွေ့ကြရလိမ့်မည်
AngularJS စကေးလံ
AngularJS စကေးလံ သည် JavaScript စကေးလံ ကဲ့သို့
အကြောင်းကြား
<div ng-app="" ng-init="firstName='Bill';lastName='Gates'">
<p>အမည် ဖြစ်သည် {{ firstName + " " + lastName }}</p>
亲自试一试
ng-bind ကို အသုံးပြုရန် အမျိုးအစား
အကြောင်းကြား
<div ng-app="" ng-init="firstName='Bill';lastName='Gates'">
<p>အမည် ဖြစ်သည် <span ng-bind="firstName + ' ' + lastName"></span></p>
亲自试一试
AngularJS အရာဝတ္တု
AngularJS အရာဝတ္တု သည် JavaScript အရာဝတ္တု ကဲ့သို့
အကြောင်းကြား
<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>အမည် ဖြစ်သည် {{ person.lastName }}</p>
亲自试一试
ng-bind ကို အသုံးပြုရန် အမျိုးအစား
အကြောင်းကြား
<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>အမည် ဖြစ်သည် <span ng-bind="person.lastName"></span></p>
亲自试一试
AngularJS စကေးလံပုံ
AngularJS စကေးလံပုံ သည် JavaScript စကေးလံပုံ ကဲ့သို့
အကြောင်းကြား
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>သတ်မှတ် သည့် ရလဒ်တစ်ခု ဖြစ်သည် ကို {{ points[2] }}</p>
亲自试一试
ng-bind ကို အသုံးပြုရန် အမျိုးအစား
အကြောင်းကြား
<div ng-app="" ng-init="points=[1,15,19,2,40]">
The third result is
亲自试一试
AngularJS 表达式与 JavaScript 表达式
JavaScript ပြောင်းလဲမှု နှင့် အတူ အတူ၊ AngularJS ပြောင်းလဲမှု သည် လိုင်းစာရင်း၊ အရာချက်နှင့် အလင်းရောင် ပါဝင်နိုင်သည်။
JavaScript ပြောင်းလဲမှု နှင့် အတူ မဟုတ်ဘဲ၊ AngularJS ပြောင်းလဲမှု သည် HTML အတွင်းမှ လုပ်ဆောင်နိုင်သည်။
AngularJS ပြောင်းလဲမှု အပြီး အရိုးရှား အကူအညီ မပြုပါ။ အခြေခံ JavaScript ပြောင်းလဲမှု အပြီး အရိုးရှား အကူအညီ ကူညီသည်။
AngularJS ပြောင်းလဲမှု အပြီး အရိုးရှား အကူအညီ အပေါ် ကူညီသည်။ အခြေခံ JavaScript ပြောင်းလဲမှု မှ အကူအညီ မပြုပါ။
JavaScript စာတမ်းတွင် JavaScript နှင့်ပြီး သတင်းကို လေ့လာရန်
