logo-mini

مقدمه

ز AngularJS یک چارچوب جاوا اسکریپت است. می توان آن را به یک صفحه HTML با یک تگ <script> اضافه شده است.

AngularJS را گسترش ویژگی های HTML با بخشنامه ها، و متصل به داده های HTML با عبارات.


از AngularJS چارچوب جاوا اسکریپت است

از AngularJS یک چارچوب جاوا اسکریپت است. این یک کتابخانه JavaScript نوشته شده است.

AngularJS را به عنوان یک فایل جاوا اسکریپت توزیع شده، و می تواند به یک صفحه وب با برچسب اسکریپت اضافه شده:

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>

AngularJS را تمدید HTML

AngularJS را گسترش HTML با NG-دستورات.

رهنمود ng-برنامه یک برنامه کاربردی AngularJS را تعریف می کند.

رهنمود ng-مدل ارزش کنترل های HTML (ورودی، انتخاب، متنی) به داده های نرم افزار متصل می شود.

رهنمود ng-اتصال متصل داده های برنامه با نمای HTML است.

AngularJS را به عنوان مثال

<!DOCTYPE html>

<html>

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>

<body>

<div ng-app=””>

<p>Name: <input type=”text” ng-model=”name”></p>

<p ng-bind=”name”></p>

</div>

</body>

</html>

خودت آن را امتحان کن “

مثال توضیح داد:

AngularJS را شروع می شود به طور خودکار زمانی صفحه وب لود شده است.

رهنمود ng-برنامه AngularJS را که عنصر <div> «مالک» از یک نرم افزار از AngularJS است می گوید.

رهنمود ng-مدل، مقدار فیلد ورودی به نرم افزار از نام متغیر متصل می شود.

رهنمود ng-اتصال متصل innerHTML بطوری از عنصر <p> برای برنامه نام متغیر.


از AngularJS بخشنامه

همانطور که شما در حال حاضر دیده می شود، از AngularJS دستورات هستند ویژگیها HTML با یک پیشوند نانوگرم.

رهنمود ng-init انجام دهی اولیه متغیر برنامه از AngularJS.

AngularJS را به عنوان مثال

<div ng-app=”” ng-init=”firstName=’John'”>

<p>The name is <span ng-bind=”firstName”></span></p>

</div>

خودت آن را امتحان کن “

روش دیگر با HTML غیر معتبر:

AngularJS را به عنوان مثال

<div data-ng-app=”” data-ng-init=”firstName=’John'”>

<p>The name is <span data-ng-bind=”firstName”></span></p>

</div>

خودت آن را امتحان کن “

شما می توانید داده-ng-، استفاده، به جای ng- اگر می خواهید مطمئن صفحه HTML خود را معتبر است.

شما یک مقدار زیادی بیشتر در مورد دستورات بعد در این آموزش یاد بگیرند.


از AngularJS عبارات

از AngularJS عبارات داخل دو آکولاد نوشته: {{}} بیان.

AngularJS را خواهد “خروجی” داده دقیقا همان جایی که بیان نوشته شده است:

AngularJS را به عنوان مثال

<!DOCTYPE html>

<html>

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>

<body>

<div ng-app=””>

<p>My first expression: {{ 5 + 5 }}</p>

</div>

</body>

</html>

خودت آن را امتحان کن “

از AngularJS عبارت متصل AngularJS را داده به HTML به همان شیوه به عنوان رهنمود ng-اتصال.

AngularJS را به عنوان مثال

<!DOCTYPE html>

<html>

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>

<body>

<div ng-app=””>

<p>Name: <input type=”text” ng-model=”name”></p>

<p>{{name}}</p>

</div>

</body>

</html>

خودت آن را امتحان کن “

شما بیشتر در مورد عبارت بعد در این آموزش یاد بگیرند.


ANGULARJS نرم افزار

از AngularJS ماژول ها از AngularJS برنامه های کاربردی.

AngularJS بر حسب نوری کنترل از AngularJS برنامه های کاربردی.

رهنمود ng-برنامه تعریف نرم افزار، رهنمود ng-کنترل کنترل تعریف می کند.

AngularJS را به عنوان مثال

<div ng-app=” myApp ” ng-controller=” myCtrl “>

First Name: <input type=”text” ng-model=”firstName”><br>

Last Name: <input type=”text” ng-model=”lastName”><br>

<br>

Full Name: {{firstName + ” ” + lastName}}

</div>

<script>

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

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

$scope.firstName= “John”;

$scope.lastName= “Doe”;

});

</script>

خودت آن را امتحان کن “

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

angularjs ماژول

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

ANGULARJS کنترل برنامه های کاربردی کنترل:

AngularJS را کنترل

app.controller(‘myCtrl’, function($scope) {

$scope.firstName= “John”;

$scope.lastName= “Doe”;

});


نظر بدهید