scope در آنگولار جی اس

در این بخش با نحوه استفاده و ایجاد scope (دامنه ) در آنگولار جی اس – angular js آشنا خواهید شد.

scope (دامنه) قسمت اتصال ضروری بین (view) اچ تی ام ال html و (controller) جاوا اسکریپت (javascript) می باشد.

scope دامنه یک شی با خواص (properties ) و متدها (methods) در دسترس است.

دامنه برای هر دو view و controller در دسترس است.

مقالات

چگونه از scope استفاده کنیم؟

هنگامی که یک controller – کنترلر را در AngularJS ایجاد میکنید، شیء $scope را به عنوان یک آرگومان (argument) منتقل میکنید:

مثال
خواص (properties ) ساخته شده در کنترل کننده(controller) ، می تواند در view اعلان شود.

<div ng-app="myApp" ng-controller="myCtrl">

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

</div>

<script>
var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    $scope.carname = "Volvo";
});
</script>

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

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.carname = "Volvo";

});

</script>

هنگام اضافه کردن خواص (properties) به object یا شیء $scope در کنترل کننده، HTML view دسترسی به این خواص properties را می دهد.

در view شما از پیشوند $scope استفاده نمی کنید، فقط به یک نام مالکیت مانند {{carname}} مراجعه کنید.

درک scope در آنگولار جی اس

اگر ما برنامه AngularJS را در نظر بگیریم شامل موارد زیر می شود:

view، کد HTML است.
Model، که داده های موجود برای نمای فعلی است.
controller ، که عملکرد جاوا اسکریپت است که داده ها را تغییر می دهد / حذف / کنترل می کند.
سپس scope یک مدل است

scope یک شیء جاوا اسکریپت با property و method هایی است که برای هر دو view و controller در دسترس هستند.

مثال
اگر تغییراتی در view ایجاد کنید، مدل و کنترلر به روز می شود:

<div ng-app="myApp" ng-controller="myCtrl">

<input ng-model="name">

<h1>My name is {{name}}</h1>

</div>

<script>
var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.name = "John Doe";

});

</script>

5/5 - (1 امتیاز)

1 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

Generico Priligy (Dapoxetine) Levitra Sicuro Online Priligy Equivalent cialis Antibotics

پاسخ

scope در آنگولار جی اس – angularjs scope

چگونه از scope استفاده کنیم؟

درک scope در آنگولار جی اس

مطالب زیر را حتما مطالعه کنید

1 دیدگاه

دیدگاهتان را بنویسید لغو پاسخ

چگونه از scope استفاده کنیم؟

درک scope در آنگولار جی اس

مطالب زیر را حتما مطالعه کنید

مسیریابی انگولار AngularJS Routing

ساخت انیمیشن با انگولار – angularjs animation

AngularJS Includes

api آنگولار جی اس – Angularjs API

اعتبارسنجی فرم ها با آنگولار – AngularJS Form Validation

ساخت form با آنگولار جی اس – angular forms

1 دیدگاه

دیدگاهتان را بنویسید لغو پاسخ