RSS

AngularJS AMD Style

23 יול

הצלחתי לגרום לקוד הזה לעבוד J J J J

var mi = angular.module('myApp', [

        './ngXXX', // load async

        './ngYYY', // load async

        {

            name: 'ngRoute',

            url: '/scripts/angular-route.js'

        }

    ]);

מה מיוחד בקוד הזה?

1.     לא צריך לשים על ה-HTML את התג <script src="ngXXX.js">, חוץ מהקובץ של המודול הראשי.

2.     אנגולר עובד כאן בסגנון של require של נוד. כלומר הוא מזהה את ההתחלה של "./" ואז הוא עושה בקשה לשרת להביא את הקובץ.

3.     אם שם המודול לא תואם את שם הקובץ אפשר לתת אובייקט עם שני השמות, ראו דוגמאות הקוד.

4.     כל המודולים נטענים אסינכרונית ורק שכולם נטענו אנגולר רץ.

5.     לא נגעתי בקובץ angular.js.

 

אני אפרסם את הקוד בהמשך. אני רוצה להוסיף תכונה של on Demand , שרק שצריך שרות מהמודול הוא יטען.

ההצלחה הזאת עשתה לי אושר קטן בתקופה הקשה הזאת.

אשמח לשמוע דעות ורעיונות לתוספות.

Advertisements
 
2 תגובות

פורסם ע"י ב- יולי 23, 2014 ב- AngularJS

 

2 תגובות ל-“AngularJS AMD Style

  1. Lee Elenbaas (@LeeElenbaas)

    יולי 24, 2014 at 5:47 am

    אני עבדתי הפוך
    יש לי תוספת ל- requireJS המגדירה אוטומטית מודולים של angular עבור מודולים של AMD המוגדרים דרכה
    ומבצעת angular.bootstrap כאשר הכל עלה
    https://github.com/lee-elenbaas/requireJsAngular
    אני מקבל אוטומטית תמיכה ב-onDemand מתוך requirejs רק יש להקפיד שלא יהיו תלויות אנגולריות במודול שעדיין לא עלה ושמודול לעולה לא מבצע הגדרה מחדש או decoration למשהו שעלה כבר קודם (כולל שירותים של ng)

     
  2. דוד

    מרץ 16, 2015 at 5:06 pm

    דבר ראשון תודה רבה.
    נשמח אם תפרסם דוגמה, אפילו בלי on Demand

     

כתיבת תגובה

הזינו את פרטיכם בטופס, או לחצו על אחד מהאייקונים כדי להשתמש בחשבון קיים:

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s

 
%d בלוגרים אהבו את זה: