AngularJS 实例

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ပါ

သင် အွန်လိုင်း မှ အစိတ်အစိတ်း ကို ပြင်ဆင်နိုင်ပြီး နောက် နှစ်ပိုင်း ကို လုပ်ကိုင်ပါ

AngularJS 实例

<div ng-app="">
<p>အမမ်း: <input type="text" ng-model="name"></p>
<p>သင်သင်များ: {{ name }}</p>
</div>

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ပါ

အင်္ဂါနောင်ဂိုးဂဲစ် အခြေခံ

• ကျွန်ုပ်၏ ပထမပိုင်း အင်္ဂါနောင်ဂိုးဂဲစ် အမိန့်
• ကျွန်ုပ်၏ ပထမပိုင်း အင်္ဂါနောင်ဂိုးဂဲစ် အမိန့် (HTML5 အခြေခံ)
• ကျွန်ုပ်၏ ပထမပိုင်း အင်္ဂါနောင်ဂိုးဂဲစ် အစိတ်အစိတ်း
• အင်္ဂါနောင်ဂိုးဂဲစ် အစိတ်အစိတ်း တစ်ခု ကို ဘယ်အား အသုံးပြု အစားအပြု
• ကျွန်ုပ်၏ ပထမပိုင်း အင်္ဂါနောင်ဂိုးဂဲစ် ကွန်ပိုင်း

အင်္ဂါနောင်ဂိုးဂဲစ် အကြောင်းကြား

AngularJS 表达式

• အင်္ဂါနောင်ဂိုးဂဲစ် အစိတ်အစိတ်း
• ng-app မပါဘဲ အစိတ်အစိတ်း
• အစားအပြု ပါဝင်သော အစိတ်အစိတ်း
• ng-bind အမိန့် အစားအပြု ကို ဘယ်အား ထိန်းချုပ်
• အစားအပြု ပါဝင်သော အစိတ်အစိတ်း
• ng-bind အမိန့် အစားအပြု ကို ဘယ်အား ထိန်းချုပ်
• အပိုင်းအခွဲ ပါဝင်သော အစိတ်အစိတ်း
• ng-bind အမိန့် အပိုင်းအခွဲ ကို ဘယ်အား ထိန်းချုပ်
• အပိုင်းအခွဲ ပါဝင်သော အစိတ်အစိတ်း
• ng-bind အမိန့် အပိုင်းအခွဲ ကို ဘယ်အား ထိန်းချုပ်

အစိတ်အစိတ်း အကြောင်းကြား

AngularJS 模块

• AngularJS 控制器
• ဖိုင်တွင် အစိတ်အစိတ်း နှင့် ကွန်ပိုင်း
• အင်္ဂါနောင်ဂိုးဂဲစ် ကို သို့မဟုတ်မှာ သိရှိရခြင်း

အစိတ်အစိတ်း အကြောင်းကြား

AngularJS 指令

• AngularJS 指令
• ng-model အမိန့်
• ng-repeat အမိန့် (အပိုင်းအခွဲ အား အသုံးပြု)
• ng-repeat အမိန့် (အပိုင်းအခွဲ အား အသုံးပြု)
• 创建一个新指令
• 将新指令用作元素
• 将新指令用作属性
• 将新指令用作类
• 将新指令用作注释
• 带有限制的指令

指令介绍

AngularJS 模型

• AngularJS 模型
• 具有双向绑定的模型
• 具有验证的模型
• 表单及其当前验证状态
• 字段无效时设置 CSS 类

模型介绍

AngularJS 控制器

• AngularJS 控制器
• 控制器属性
• 控制器函数
• JavaScript 文件中的控制器 I
• JavaScript 文件中的控制器 II

控制器介绍

AngularJS 作用域

• AngularJS 作用域
• 作用域是同步的
• 不同的作用域
• 根作用域

作用域介绍

AngularJS 过滤器

• 表达式过滤器 uppercase
• 表达式过滤器 lowercase
• 表达式过滤器 currency
• 指令过滤器 orderBy
• 输入过滤器

过滤器介绍

AngularJS XMLHttpRequest

• 读取静态 JSON 文件

XMLHttpRequest 介绍