 | |
| מפתח | Google, Brat Tech LLC, והקהילה |
|---|---|
| מחזור חיים | 14 בספטמבר2016 – הווה (8 שנים) |
| גרסה אחרונה | 19.2.3 (19 במרץ 2025) |
| מערכת הפעלה | חוצה-פלטפורמות |
| נכתבה בשפות | TypeScript |
| סוג רישיון | רישיון MIT |
| קוד מקור | https://github.com/angular/angular |
| קטגוריה | ספריית JavaScript |
| Angular.dev | |
  | |
בפיתוח תוכנה,אנגולר (באנגלית: Angular, מכונה גם "Angular 2+") היאתוכנה חופשית וקוד פתוח המשמשת כתשתית תוכנה ליישומי רשת, ומבוססת על שפתTypeScript.[1] היא מתוחזקת על ידיגוגל ועל ידי קהילה רחבה של מפתחים. אנגולר נכתבה מאפס על ידי אותו צוות מפתחים בגוגל שפיתח אתAngularJS(אנ'), תשתית תוכנה ליישומי רשת שהתבססה על שפתJavaScript.
התשתית מיועדת לפיתוחיישומי דף-יחיד, ופישוט הפיתוח והבדיקות של יישומים אלו, באמצעות תשתית תוכנה לארכיטקטורותצד לקוח כמוMVC אוMVVM, יחד עם רכיבים בהם משתמשים בדרך כלל ביישומי אינטרנט עשירים.
השכתוב של "AngularJS" נקרא "Angular 2", אך זה גרם לבלבול בקרב מתכנתים. לשם בהירות, הצוות הודיע ששמות נפרדים ישמשו לכל אחד מהפריימוורקים, כאשר "AngularJS" מתייחס לגרסאות 1.X ואילו "Angular" בלי "JS" מתייחס לגרסאות 2 ומעלה.[2]
אנגולר 2.0 הוכרז בוועידת ng-Europe באוקטובר 2014.[3][4] השינויים הדרסטיים בגרסה זו עוררו מחלוקת בקרב קהילת המפתחים.[5]
ב-30 באפריל 2015, צוות הפיתוח של אנגולר הכריז שאנגולר 2 עברה מגרסת אלפא לגרסת תצוגה מקדימה למפתחים.[6] בדצמבר 2015 עברה הגרסה לבטא,[7] וגרסה מועמדת להפצה פורסמה במאי 2016.[8] הגרסה הסופית שוחררה ב-14 בספטמבר 2016.
ב-13 בדצמבר 2016 הוכרזה גרסה 4, על מספר 3 דילגו כדי למנוע בלבול סביב חוסר הסנכרון בין הגרסה של חבילת הניתוב שכבר הופצה כ-v3.3.0.[9] הגרסה הסופית יצאה ב-23 במרץ 2017.[10] אנגולר 4 היא בעלתתאימות לאחור לאנגולר 2.[11]
גרסה 4.3 היא גרסה משנית, מה שאומר שהיא לא מכילה שינויים שוברים ושהיא נועדה להחליף את הגרסאות4.x.x שקדמו לה.
תכונות חדשות בגרסה 4.3:
אנגולר 5 יצא ב-1 בנובמבר 2017.[12] שיפורים עיקריים באנגולר 5 כוללים תמיכה באפליקציות רשת פרוגרסיביות, אופטימייזר לבניית תוכנה ושיפורים הקשורים למטריאל דיזיין (שפת העיצוב המשתמשת את אנגולר).[13]
אנגולר 6 יצא ב-4 במאי 2018.[14] הגרסה מתמקדת פחות בשלד התוכנה עצמו ויותר בארגז הכלים הנלווה וביכולת לזוז מהר יותר בעתיד, ובכלל זה בכלים: ng update, ng add, Angular Elements, Angular Material + CDK, Angular Material Starter Components, CLI Workspaces, Library Support, Tree Shakable Providers, Animations Performance Improvements, ו-RxJS v6.
אנגולר 7 יצא ב-18 באוקטובר 2018 והכיל עדכונים הקשורים לביצועי האפליקציות, Angular Material + CDK, Virtual Scrolling, נגישות משופרת באלמנט לבחירה מרשימה, תמיכה בהקרנת תוכן (Content Projection), עדכוני תלויות עבור Typescript 3.1, RxJS 6.3, Node 10 (אך עדיין תומך ב-Node 8).[15]
אנגולר 8 יצא ב-28 במאי 2019 והכיל: טעינה דיפרנציאלית עבור כל הקוד של האפליקציה, ייבוא דינמי עבור נתיבים, וורקרים, תמיכה ב-TypeScript 3.4, וגרסת תצוגה מקדימה של מנוע הרינדור Angular Ivy, שמגיע כבוי בברירת מחדל. התצוגה המקדימה של Angular Ivy כללה:[16]
אנגולר 9 יצא ב-6 בפברואר 2020. גרסה 9 מעבירה את כל האפליקציות לשימוש במנוע Ivy להידור והרצה בברירת מחדל. אנגולר עודכן לעבוד עם גרסאות 3.6 ו-3.7 שלTypeScript. בנוסף למאות תיקוני באגים, מהדר Ivy מציע יתרונות רבים:
אנגולר 10 יצא ב-24 ביוני 2020.[17]
אנגולר 11 יצא ב-11 בנובמבר 2020.[18]
אנגולר 12 יצא ב-12 במאי 2021.[19]
הופסקה התמיכה בדפדפןInternet Explorer 11.
גרסה 13 יצאה ב-4 בנובמבר 2021.[20]
גרסה 14 יצאה ב-2 ביוני 2022. בין התכונות החדשות: טפסים עם הגדרות טיפוסים, קומפוננטות עצמאיות.
גרסה 15 יצאה ב-16 בנובמבר 2022. בין התכונות החדשות: ממשקיAPI עצמאיים יציבים, המאפשרים למפתחי Angular לבנות אפליקציות ללא מודולי Ng. ניפוי באגים טוב יותר ושימוש חוזר בקוד.
גרסה 16 יצאה ב-3 במאי 2023. היא כוללת תכונות חדשות כגון הידרציה חלקית לרינדורצד השרת (SSR) של Angular Universal, תמיכה ניסיונית ב-Jest, מערכת בנייה מבוססת בנייה לשרתי פיתוח, תמיכה בפרויקטים עצמאיים (standalone) שינוי של הLife-cycle, ללא צורך לרנדר את כל הדף מחדש במקרה של שינוי נקודתי.יכולת פעולה הדדית טובה יותר עם RxJS, ועוד.
בקובץ ה-app.component.ts
import{Component}from'@angular/core';@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{title='app works';}
ובקובץ ה-app.component.html
<div><h1class="color"*ngIf="title">{{title}}</h1><h1class="color"*ngIf="!title">הכותרתאםהמשתנהלאמוגדר</h1></div>
ובקובץ ה-app.component.css
.color{color:red;background-color:#eee;width:100%;text-align:center;}
גוגל תכננה את אנגולר כשכתוב מאפס של AngularJS.
"[ ]" משמשים לקישור משתנים,"( )" משמש להאזנה לאירועים.[22]
אתר האינטרנט הרשמי של Angular(באנגלית)
Angular, ברשת החברתיתאקס (טוויטר)
Angular, סרטונים בערוץ היוטיוב
{{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה){{cite web}}: (עזרה)
