Latest web development tutorials

AngularJS مقدمة

AngularJS هو إطار جافا سكريبت. ويمكن أن نضيف إلى صفحات HTML من خلال العلامة <script>.

AngularJS من التوجيه يمتد HTML، وذلك من خلال التعبير البيانات ربط إلى HTML.

AngularJS هو إطار جافا سكريبت

AngularJS هو إطار جافا سكريبت. وهي مكتوبة في مكتبة جافا سكريبت.

هو شكل من أشكال الإفراج يمكن إضافة ملف AngularJS جافا سكريبت عن طريق العلامة النصي إلى الصفحة:

<سيناريو SRC = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>

مذكرة نقترح النصي على الجزء السفلي من <BODY> العنصر.
سيؤدي هذا إلى زيادة سرعة تحميل الصفحة، لHTML لا تخضع لتحميل البرنامج النصي لتحميل.

كل إصدار angular.js تحميل: https://github.com/angular/angular.js/releases

AngularJS يمتد HTML

مددت AngularJS التي كتبها NG-توجيهات HTML.

ويعرف نانوغرام التطبيق التوجيه تطبيق AngularJS.

نانوغرام نموذج قيادة القيم عنصر (مثل قيمة حقل الإدخال) منضمة إلى التطبيق.

قيادة نانوغرام ربط لربط بيانات التطبيق لعرض HTML.

AngularJS الأمثلة

<! DOCTYPE HTML>
<HTML>
<رئيس>
<محارف ميتا = "UTF-8 ">
<سيناريو SRC = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ رئيس>
<body>

<div نانوغرام التطبيق = "" >
<P> الاسم: <إدخال نوع = "نص" نانوغرام طراز = "اسم"> </ P>
<H1> مرحبا {{اسم} } </ H1>
</ div>

</ الجسم>
</ HTML>

محاولة »

أمثلة لشرح:

عندما يتم تحميل الصفحة، AngularJS تلقائيا.

نانوغرام التطبيق التوجيه يقول AngularJS، <div> العنصر هو تطبيق AngularJS من "المالك".

نانوغرام نموذج التوجيه يربط قيمة حقل الإدخال إلى اسم متغير التطبيق.

لا بد قيادة نانوغرام ربط إلى اسم متغير تطبيق إلى فقرة HTML داخلي.

مذكرة إذا قمت بإزالة التوجيه نانوغرام التطبيق، سيتم عرض HTML مباشرة إلى التعبير، وليس لتقييم التعبير عن النتائج.

ما هو AngularJS؟

AngularJS يجعل تطوير الحديثة تطبيق صفحة واحدة (منتجعات المياه المعدنية: الصفحة تطبيقات واحدة) أسهل.

  • AngularJS بيانات التطبيق ربط لعناصر HTML.
  • AngularJS عناصر HTML يمكن استنساخ وتكرار.
  • يمكن AngularJS إخفاء وإظهار عناصر HTML.
  • يمكن AngularJS إضافة رمز إلى عنصر HTML "وراء".
  • AngularJS دعم التحقق من صحة المدخلات.

AngularJS توجيهات

كما ترون، فإن مسبوقة AngularJS تعليمات نانوغرام سمات HTML.

قيادة نانوغرام الحرف الأول لتهيئة المتغيرات تطبيق AngularJS.

AngularJS الأمثلة

<div ng-app="" ng-init="firstName='John'">

<p>姓名为 <span ng-bind="firstName"></span></p>

</div>

محاولة »

مذكرة HTML5 يسمح لك لتوسيع الملكية (محلية الصنع) لبالبيانات، بداية.
AngularJS الملكية بداية ng-، ولكن يمكنك استخدام البيانات ng- لجعل صفحات الويب HTML5 صالح.

مع HTML5 صحيح:

AngularJS الأمثلة

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

<p>姓名为 <span data-ng-bind="firstName"></span></p>

</div>

محاولة »

AngularJS التعبير

AngularJS عبارات مكتوبة في الأقواس: {{التعبير}}.

AngularJS التعبير لربط البيانات إلى HTML، التي لديها قيادة نانوغرام ربط نفس الغرض.

AngularJS التعبير في كتابة البيانات موقف "الانتاج".

AngularJS عبارات مثل تعبيرات جافا سكريبت: أنها يمكن أن تحتوي على نص والمشغلين والمتغيرات.

أمثلة 5 + 5 {{}} أو {{الاسم الأول + "" + اسم العائلة}}

AngularJS الأمثلة

<! DOCTYPE HTML>
<HTML>
<رئيس>
<محارف ميتا = "UTF-8">
<سيناريو SRC = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ رئيس>
<body>

<div نانوغرام التطبيق = "">
<P> لقائي الاول التعبير: {{5 + 5}} </ P>
</ div>

</ الجسم>
</ HTML>

محاولة »

AngularJS التطبيقات

AngularJS وحدة (وحدة) وتعرف التطبيقات AngularJS.

AngularJS تحكم (المراقب المالي) للسيطرة على التطبيقات AngularJS.

ويعرف نانوغرام التطبيق التوجيه التطبيق، نانوغرام تحكم يحدد وحدة تحكم.

AngularJS الأمثلة

<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "myCtrl">

الاسم: <إدخال نوع = "نص" نانوغرام طراز = "الاسم الأول"> <BR>
اللقب: <إدخال نوع = "نص" نانوغرام طراز = "اسم العائلة"> <BR>
<BR>
الاسم: {{الاسم الأول + "" + اسم العائلة}}

</ div>

<script>
فار التطبيق = angular.module ( 'اسم التطبيق " ، [])؛
app.controller ( 'myCtrl، وظيفة ( $ نطاق) {
$ Scope.firstName = "جون".
$ Scope.lastName = "دو".
})؛
</ script>

محاولة »

AngularJS تعريف وحدة التطبيق:

AngularJS حدة

فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛

AngularJS التطبيقات تحكم:

AngularJS تحكم

app.controller ( 'myCtrl، وظيفة ($ نطاق) {
$ Scope.firstName = "جون".
$ Scope.lastName = "دو".
})؛

في البرنامج التعليمي القادمة سوف تتعلم المزيد من المعرفة وتطبيق الوحدات.