ماژول ها در آنگولار جی اس

در این بخش با نحوه ایجاد ،استفاده و کاربرد ماژول ها (module) در آنگولار جی اس- angular js آشنا خواهیم شد.

یک Module ماژول AngularJS یک برنامه را تعریف می کند.

این ماژول (Module) یک ظرف برای قسمت های مختلف یک برنامه است.

این ماژول(Module) یک ظرف برای کنترل کننده های(controller) برنامه است.

کنترل کننده ها (controllers) همیشه به یک ماژول متعلق هستند.

مقالات

ایجاد یک ماژول – module در آنگولار جی اس – angular js

یک ماژول با استفاده از Angular.modular تابع AngularJS ایجاد می شود.

<div ng-app="myApp">...</div>

<script>

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

</script

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

</script

پارامتر “myApp” به عنصر HTML اشاره دارد که در آن برنامه اجرا می شود.

حالا شما می توانید کنترل کننده ها(controllers)، دستورالعمل ها(directives)، فیلتر ها (filters) و موارد دیگر را به برنامه AngularJS اضافه کنید.

افزودن یک کنترل کننده – controllers در آنگولار جی اس

یک کنترلر را به برنامه خود اضافه کنید و به کنترل کننده با دستور ng-controller مراجعه کنید:

مثال:

<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>

<script>

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

app.controller("myCtrl", function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

</script>

</div>

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

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

$scope.firstName = "John";

$scope.lastName = "Doe";

});

</script>

در آموزش هادیی بغ بیشتر درباره کنترلرها یاد خواهیم گرفت.

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

ماژول ها در آنگولار جی اس – AngularJS

ایجاد یک ماژول – module در آنگولار جی اس – angular js

افزودن یک کنترل کننده – controllers در آنگولار جی اس

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

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

ایجاد یک ماژول – module در آنگولار جی اس – angular js

افزودن یک کنترل کننده – controllers در آنگولار جی اس

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

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

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

AngularJS Includes

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

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

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

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