Z
@dovid אמר בJS- גישה לילדים של אובייקט:
@zvizvi בJS לדעתי חייבים לדעת להסתדר בלי ספריות חיצוניות כדי לא לפתח תלות. ואחרי שיודעים ורגילים להסתדר, על פי רוב לא צריכים שום ספריה.
זה נכון שחייבים לדעת להסתדר בלי ספריות חיצונית.
אבל אחרי שכבר יודעים להסתדר לדעתי עדיף לעבוד עם ספריות פופולאריות וציבוריות. משתי סיבות:
@מנצפך אמר בJS- גישה לילדים של אובייקט:
יש לי אובייקט obj.
אני רוצה לדעת האם יש לו את
obj.x.y
ומה ערכו.
איך אפשר לעשות זאת בצורה הקלה ביותר? האם צריך לבדוק שקודם יש את X ואז לבדוק האם יש ל X את Y?
שוב, lodash.
_.get(obj, 'x.y');
@dovid אמר בתצוגה חדשה בgmail:
החשד העיקרי זה MailTrack. תבטל אותו ליום אחד, ותראה אם ידו במעל.
נתקלתי בבעיה הזאת ואין לי Mailtrack. נראה לי באג של Gmail.
פיתחתי תוסף חדש לכרום שמציג לוח שנה עברי.
מהיום אין צורך לחפש ולפתוח אתרים רק כדי להציג לוח שנה יהודי.
בשלב זה אין בפנים מידע על חגים, מועדים, זמנים או פרשת השבוע.
הורדה:
https://softwares.center/hebrew-calendar/
https://chrome.google.com/webstore/detail/ehejecpjjaaochjhodbgnmdledhhdicm
@מנצפך אמר באנגולר- הצגת סיכום של פריטים שנבחרו:
יש לי רשימה של פריטים.
אני מציג ע"י ng-repeat כפתור לכל פריט. בלחיצה על הכפתור משתנה בפריט המאפיין selected ל true.
לכל פריט יש גם מאפיין "price".
אני רוצה להציג סיכום של כל ה pric של הפריטים שנבחרו. איך אפשר לעשות זאת?
אמור לעבוד:
<div ng-repeat="item in list | filter: {'selected': true} as filteredList">
<span>{{item.price}}</span>
<input type="checkbox" ng-model="item.selected" />
</div>
<div>{{filteredList.reduce((total, item) => total + item.price, 0)}}</div>
עריכה:
אי אפשר להציב פונקציית reduce בhtml. צריך לשים אותו בסקופ/קונטרולר
@www אמר באתר שהלחיצה ימנית בעכבר לא פועלת:
@dovid אמר באתר שהלחיצה ימנית בעכבר לא פועלת:
יש תוסף לכרום שמריץ JS מותאם אישית לאתרים נבחרים, אז זה פתרון ש... לא חוסך תוסף :).
אני מחפש את התוסף, זה קיים באתר של @zvizvi ?
@dovid אמר בשימוש באובייקט שנשאר ברקע ומשתנה, באופן ששינוי בו לא ישתקף באובייקטים אחרים שהורשו ממנו:
@zvizvi שים לב שמה שהבא זו העתקה עמוקה, וזה יקר יותר.
זה שימושי כשרוצים שגם האובייקטים שבתוך המערך ישכופלו וגם המאפיינים שלהם האובייקטים וכן הלאה.
זה מן הסתם עובד ע"י המרה לJSON וחזרה, בכל אופן זה מיותר בהעתקה שטחית של מערך.
צודק, ובשביל העתקה רגילה יש את:
_.clone()
(אני לא יודע אם זה עובד ע"י המרה לJSON, כי אם כן לא ניתן לבצע את זה על אובייקט שיש לו בן שמצביע על בן אחר. (circular structure). או שאולי גם לזה יש פתרונות).
או עם ספריית lodah:
var copy = _.cloneDeep(arrFiles);
https://lodash.com/docs/4.17.10#cloneDeep
(ובאנגולר יש את angular.copy() שעושה אותו דבר)
@מנצפך אמר בAngular 1 Directive:
@zvizvi זה רק ל form
לא form.txt
form.txt לא הופיע מסיבה אחרת.
כדי שinput יופיע בform controller הוא צריך להכיל ng-model אחרת הוא לא יהיה שם.
@מנצפך אמר בAngular 1 Directive:
@zvizvi
אז למה אין לי גישה מה DOM?
בטח יש לך.
אתה לא רואה שזה מופיע פה?
http://plnkr.co/edit/c0WR7gC1fjWxEsWlxmt7?p=preview
@מנצפך אמר בAngular 1 Directive:
@zvizvi מה עוזר לי timeOut?
אני רוצה שתהיה לי גישה בDOM.
משהו כזה:
{{form.txt.$dirty}}
הוא יהיה זמין בDOM אבל לאחר עיכוב של שניות.
timeout מבצע פונקציה לאחר דיליי כלשהו. בDOM זה לא נצרך מכיון שהDOM באנגולר מתבצע כל הזמן.
@מנצפך אמר בAngular 1 Directive:
@zvizvi כעת הוא לא עובד.
וגם זה לא יספיק לי.
אני צריך גישה לאינפוטים.
משהו כמו
{{form.firstName.$dirty}}
זה עובד. הסיבה שזה לא עבד לך היא כי לbinding לוקח זמן להגיע. בקונטרולר זה זמין ב$onInit.
ב link fucntion אין onInit אבל כשעטפתי את זה בsetTimeout זה קיים.
@מנצפך אמר בAngular 1 Directive:
{{form.$dirty}}
{{form.$dirty}} יעבוד. כי הוא רשום כbinding בדיירקטיב
@מנצפך אמר בAngular 1 Directive:
@dovid
הנה דמו:
http://plnkr.co/edit/t0drl7HpoJYuSOiz4GGq?p=preview
@zvizvi ככה לעשות?
עשיתי לך 2 שינויים
בindex.html שורה 15 וב app.js שורה 17
http://plnkr.co/edit/4QoiwyiozBKcouDH3ju3?p=preview
@מנצפך אמר בAngular 1 Directive:
איך אני יכול להתייחס מתוך דיירקטיב, ל form שמכיל אותו?
העניין הוא כזה, אני עושה בתוך הדיירקטיב תנאי מסוג כזה:
cardClearingForm.cardNum.$dirty
כשה cardClearingForm הוא הפורם שמכיל את הדיירקטיב.
וה cardNum הוא שם השדה בתוך הדיירקטיב.
הדיירקטיב הוא לא form בפני עצמו, כי אני צריך להשתמש באפשרות required שתחול גם על חלקים מחוץ לדיירקטיב.
מקווה שהשאלה הובנה.
פשוט מאוד. את הname של הform תעשה:
$ctrl.cardClearingForm
זה יגרום לform להיות זמין בקונטרולר.
מפה הדרך קצרה, להעביר את הform כbinding או לאתר אותו בסקופ ההורה עם $parent וכן הלאה.
(האמת שאפשר גם בלי לרשום אותו בקונטרולר ואז אם אני לא טועה הוא זמין בסקופ. אבל אני רגיל לשמור דברים רק בקונטרולר ולא בסקופ לכן רשמתי ככה.)
@dovid אמר באיך מגדירים ID של אובייקט בPUSH JS?:
@dovid אמר באיך מגדירים ID של אובייקט בPUSH JS?:
ניתן לעשות אותו דבר עם מערך אבל זה בעצם מעמיס עליו מאפיינים כאובייקט וזה לא שימוש נכון וגם יוצר טעויות.
לא שמתי לב שהזכרת את זה..
@dovid אמר באיך מגדירים ID של אובייקט בPUSH JS?:
זה לא מערך - זה אובייקט.
מערך מוקף ב[], ובפנים ישנם אלמנטים מופרדים בפסיק.
אובייקט מוקף ב{}, ובפנים ישנם זוגות של מפתח:ערך מופרדים בפסיק.
רק בשביל הדיון. מערך יכול טכנית להכיל index שהוא לא מספר אלא מחרוזת כלשהי.
a = [1, 2];
a['c'] = 3;
יחזיר מערך בעל אורך length של 2 מקומות - אבל יכיל גם את האלמנט השלישי.
(a יחזיר [1, 2]. a במקום 'c' יחזיר 3.)
@chagold אמר בסינון נתונים מתוך ARRAY - JS:
נגיד שיש לי כזה אובייקט
var ddd = [{id:0,name:"bb",selected:true},{id:1,name:"aa",selected:false},{id:2,name:"cc",selected:true}]ואני רוצה להציג רק נתונים מסוננים לדוגמא selected:true, איך עושים את זה?
תודה.
אם זה בHTML ובהנחה ש ddd נמצא בסקופ:
<div ng-repeat="item in ddd | filter: {selected: true}">{{item.name}}</div>
עריכה:
משום מה היה נדמה לי ששאלת על אנגולר...
בJS רגיל זה:
let eee = ddd.filter(item => item.selected === true)