angularjs שיעור 7: להשתמש ב scope$

(לקוח מתוך מדריךangularjs בעברית)

עפ"י מודל MVC, ה-view מציג נתונים השמורים במודל.
angularjs בונה את ה view באמצעות template קשיח, מעין תבנית ליצירת view.

נביט בדוגמא שכבר ראינו:

See the Pen First AngularJS by Yuval Shaul (@YuvalShaul) on CodePen.10739

בדוגמא הזו, קיים רכיב div ובו תכונתangularjs בשם ng-controller.
רכיב ה div הזה הוא יחידת תצוגה אחת, מבט אחד. angularjs "מכיל" עליו controller יחיד בשם HelloController.
רכיב ה – scope$ שמבקש ה – controller הזה להזריק הוא אובייקט javascript שמשמש מסגרת לכל הנתונים במודל שמשוייכים למבט (view) הזה.

scopes במבנה היררכי

מבני ה scope$ עוקבים אחר המבנה של ה –  DOM, ןהם יכולים להיות היררכיים.
בדוגמא הבאה יצרתי מבנה של רכיב אב, ולו שני בנים:

See the Pen hierarchical scopes by Yuval Shaul (@YuvalShaul) on CodePen.10739

לכל אחד יש את ה – controller שלו. אובייקט ה scope$ של האב מכיל את אובייקטי ה scope$ של הבנים.
(הדגמתי גם גישה מאובייקט ה scope$ של אחד הבנים אל אובייקט ה scope$ של האב).

נעמוד על יכולות נוספות של ה – scope$ בהמשך.


כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *