AngularJS လုပ်ငန်းအုပ်

အကွင်းအစိုးရ(အကွင်းအစိုးရ) သည် အီလက်ထရောနစ်(အီဂျစ်) နှင့် ဂျူဂျာစီ(ဂျူဂျာ) အကြား ပတ်သက်ထားသော ပတ်ဝန်းကျင်ဖြစ်ပါသည်。

အကွင်းအစိုးရ၊ အလိုအရ အချက်အလက်များ နှင့် စနစ်များ ပါဝင်သော အရာဝတ္တုဖြစ်ပါသည်。

အကွင်းအစိုးရ၊ ကွန်ပို့ကြွက်နှင့် ကွန်ပို့ကြွက်တိုက်တွင် အသုံးပြုနိုင်ပါသည်。

အကွင်းအစိုးရကို အသုံးပြုခြင်းမှာ:

သင့်တို့က အင်္ဂလိပ်ဂျူဂျာစ် ကွန်ပို့ကြွက်တွင် ဖွဲ့စည်းပေးပါကာ: $scope အရာဝတ္တုအဖြစ် ပြုလုပ်ထားသော ပြင်းပြောင်းတိုက်တွင်:

သဘောတူ

ကွန်ပို့ကြွက်တွင် ဖွဲ့စည်းထားသော အချက်အလက်တွေ၊ ကွန်ပို့ကြွက်တွင် ကိုးကွယ်နိုင်ပါသည်:


<h1>{{carname}}</h1>

亲自试一试

当在控制器中向 $scope 对象添加属性时，视图（HTML）可以访问这些属性。

在视图中，你不使用 $scope 前缀，你只需引用一个属性名，比如 {{carname}}。

理解作用域

如果我们把AngularJS应用程序看作是由以下几部分组成：

  • 视图，即 HTML。
  • 模型，即当前视图可用的数据。
  • 控制器，即JavaScript函数，用于创建/更改/删除/控制数据。

那么作用域就是模型。

作用域是一个具有属性和方法的 JavaScript 对象，这些属性和方法对视图和控制器都是可用的。

သဘောတူ

如果你在视图中进行了更改，模型和控制器将会更新：




My name is {{name}}

亲自试一试

了解你的作用域

在任何时候了解你正在处理的作用域是很重要的。

在上面的两个例子中，只有一个作用域，所以了解你的作用域不是问题，但对于更大的应用程序，HTML DOM中的某些部分可能只能访问某些作用域。

သဘောတူ

当处理 ng-repeat 指令时，每次重复都可以访问当前的重复对象：



    
  
  • {{x}}
    •

亲自试一试

每个

  • 元素都可以访问当前的重复对象，在本例中是一个字符串，通过使用 x 来引用。

    • 根作用域

    所有应用程序都有一个 $rootScope，它是在包含 ng-app 指令的 HTML 元素上创建的作用域。

    ပန်းခြံအားလုံးတွင် ပန်းခြံအားလုံးတွင် အသုံးပြုနိုင်သည်。

    အခြားအကြွေးအကြွေးတစ်ခုသည် အခြေခံအားလုံးတွင် အမည်အတူ ရှိသော်လည်းကောင်း，အကြွေးအကြွေးတစ်ခုသည် အခြေခံအားလုံးတွင် အသုံးပြုသည်。

    သဘောတူ

    ပန်းခြံအားလုံးတွင် "color" အမည်ရှိ အကြွေးအကြွေးတစ်ခုပါရှိသည်:

    <body ng-app="myApp">
<p>ပြည်ပြည်ရေး၏ အမျိုးသားအသားများ:</p>

    {{color}}
    
<div ng-controller="myCtrl">
  
    The scope of the controller's favorite color:
    
  
    {{color}}

    The rootScope's favorite color is still:

    {{color}}

    亲自试一试