Angular

Angular

מפתח	Brat Tech LLC, Google, והקהילה
מחזור חיים	20 באוקטובר 2010 (כ-AngularJS) – הווה
גרסה אחרונה	20.3.10 (5 בנובמבר 2025)
מערכת הפעלה	חוצה-פלטפורמות
נכתבה בשפות	TypeScript
סוג רישיון	רישיון MIT
קוד מקור	https://github.com/angular/angular
קטגוריה	ספריית JavaScript
Angular.io

בפיתוח תוכנה, Angular (לשעבר AngularJS ) היא תשתית תוכנה (framework) בקוד פתוח ליישומי רשת, התבססה בעבר על שפת התכנות JavaScript אך כיום בנויה בשפת TypeScript, היא מתוחזקת על ידי גוגל ועל ידי קהילה רחבה של מפתחים. התשתית מיועדת למשימות בפיתוח יישומי דף-יחיד, ופישוט הפיתוח והבדיקות של יישומים אלו, באמצעות תשתית תוכנה לארכיטקטורות צד לקוח כמו MVC או MVVM, יחד עם רכיבים בהם משתמשים בדרך כלל ביישומי אינטרנט עשירים.

ספריית AngularJS עובדת על ידי קריאת דף ה-HTML, כשאל התגיות שבו נוספו תכונות נוספות. Angular יפרש את התכונות הללו כהנחיות לקשר את אזורי הקלט או הפלט בדף למודל שמיוצג על ידי משתני JavaScript פשוטים. הערכים של משתני ה-JavaScript האלו ניתנים לשינוי על ידי קוד, וניתן לגשת אליהם בצורה סטטית, או בצורה דינאמית בעזרת JSON.

במהלך 2015 גוגל פרסמו את גרסת Angular 2.0 שכללה שינויים מהותיים בקוד, שגרמו לביקורת ומחלוקת בין מפתחים רבים לגבי העובדה כי הגרסה החדשה לא תומכת אחורה לגרסה 1.0. גרסה 2.0 פתרה בעיות ביצועים והביאה איתה מתודות למבנה קוד יותר פורמלי. בדצמבר 2016 הוכרזה גרסה 4.0 ודלגה על גרסה 3.0 על מנת למנוע בלבול עם גרסת ביניים של חבילת ראוטר 3.30.

AngularJS נמצאת בשימוש באלפי אתרים ואפליקציות Web.

אנגולר מפרסמים כל הזמן גרסאות חדשות. גרסאות Angular v2 עד v10 אינן נתמכות עוד. הגרסה האחרונה כרגע היא v13 שפורסמה ב4/11/21.

דוגמה לתוכנית Angular

בקובץ הapp.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})

export class AppComponent {
    title = 'app works';
}

ובקובץ הapp.component.html

  <div>
      <h1 class="color" *ngIf="title">{{title}}</h1>
      <h1  class="color" *ngIf="!title">הכותרת אם המשתנה לא מוגדר</h1>
 </div>

ובקובץ הapp.component.css

    .color{
        color: red;
        background-color: #eee;
        width: 100%;
        text-align: center;
    }

ראו גם

• AngularJS

• Angular (2.0+)
• MVC
• JSON
• Backbone.js
• jQuery
• MEAN (תשתיות תוכנה)

קישורים חיצוניים

מדיה וקבצים בנושא Angular בוויקישיתוף

• אתר האינטרנט הרשמי של Angular (באנגלית)

• Angular, ברשת החברתית אקס (טוויטר)
• Angular, סרטונים בערוץ היוטיוב