תחומים - פורום חרדי מקצועי

@אהרן אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

@אהרן אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

נראה שפה התשובה
אשמח להסבר.

הפתרון הזה אכן פתר את הבעיה.
השאלה אם יש חסרונות בng-show לעומת ng-if
מתוכננים אלפים רבים של אלמנטים.

הפתרון הזה = להשתמש ב ng-show במקום ng-if.

אשמח להסבר לנאמר כאן בנידון
המשתנה שנוצר ע"י ng-init חייב להיות אוביקט ולא פרמיטיב וכך גם המשתנה שמוצמד לסקופ ומשמש כמודל?

@אהרן אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

נראה שפה התשובה
אשמח להסבר.

הפתרון הזה אכן פתר את הבעיה.
השאלה אם יש חסרונות בng-show לעומת ng-if
מתוכננים אלפים רבים של אלמנטים.

@dovid אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

אתה גם מעיר שהוא לא עובד

המודל לא עובד, הקליק עובד טוב.

@dovid אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

הספק שלי

באיזה חלק?

@אהרן אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

ואגב, אתה רואה סיבה למה המודל לא מתעדכן בכתיבה לאינפוט?

נראה שפה התשובה
אשמח להסבר.

תודה!!

ואגב, אתה רואה סיבה למה המודל לא מתעדכן בכתיבה לאינפוט?

@dovid אמר באנגולר: ריקון אוטו' של modal כתלות במשתנה אחר:

הייתי שמח לקבל תמונה רחבה יותר

מצטער, באמת שנסיתי!
נניח יש אלמנטים ברצף, לא ניתנים לעריכה (type=text!) שמכילים כל אחד שם פרטי ושם משפחה.
אני רוצה להוסיף שבאלמנט שחסר שם המשפחה, קליק יפתח תחתיו אינפוט להשלמת שם המשפחה.

אז עשיתי כך (ממשיך עם הדוגמא מהאשכול הקודם):

<div ng-repeat="section in allObj">
  <button ng-repeat="fullName  in section" ng-click="changeName(fullName,section)">
    {{fullName.name}}
    **<input ng-if="addLastNmaeInput == fullName" ng-model="addLastNmaeText">{{addLastNmaeText}}</input>**
</button>
</div>

בפונקציה של הקליק הוספתי:

$scope.changeName = function(element, parent) {
  element.name = 'aharon';
  **$scope.addLastNmaeInput = element;**
};

(המוקף בכוכבים זה התוספת)

עשיתי א"ז בצורה כזו כי במהלך אחד אני מרויח כמה דברים חשובים

1. רק אינפוט אחד יהיה פתוח, וכשנפתח אחר הוא מחליף את הקודם (אין טעם לשכפל את שם המשפחה לאלמנטים אחרים).
2. רפרנס שמור לאלמנט במערך בשביל שאוכל לערוך אותו (במקרה זה, להוסיף אליו את שם המשפחה).
3. מציג\מסתיר (או יוצר\הורג) את אלמנט האינפוט שמתווסף.

כעת, מקש אנטר או אסקייפ אמורים לסגור את האינפוט (למחוק אותו מהDOM)
כשהאינפוט יסגר, משתנים addLastNmaeInput addLastNmaeInput אמורים להתאפס.
אני יכול פשוט להוסיף א"ז לאירוע המקש
אבל שיכור מהאנגולר הייתי רוצה טיפול מלא בתלויות, כולל משתנים קשורים ולא רק של ה-DOM.

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

שמעתי שפונקציה וואצ' יקר במשאבים.

אפשרי? נכון? כדאי?

@dovid
אינפוט שמותנה ע"י ng-if="modalVar == true"
השימוש בו נדיר ולפרק זמן קצר (בסיום השימוש האלמנט נמחק ע"י שההתניה מחזירה false)
ואני רוצה לוודא שבסיום השימוש (modalVar == false) המודל שהחזיק את תוכן האינפוט יתאפס.

מקווה שברור

אם משתנה someVar == false אז modal = '""
אפשרי בצורה אוטומטית?

יצרתי מערך בקונטרולר

$scope.allObj = [
					[
						{ name: 'myName', lastName: 'aaa' },
						{ name: 'myName', lastName: 'bbb' },
						{ name: 'myName', lastName: 'ccc' }
					],
					[
						{ name: 'myName', lastName: 'ddd' },
						{ name: 'myName', lastName: 'eee' },
						{ name: 'myName', lastName: 'fff' }
					]
				];

מזה יצרתי אלמנטים

<div ng-controller="myCtrl">
	<div ng-repeat="section in allObj">
		<button ng-repeat="fullNmae in section" ng-click="changeName( $parent.$index, $index )"</button>
	</div>
</div>

וזו הפונקציה:

$scope.changeName = function(idx1, idx2) {
	$scope.allObj[idx1][idx2].myName = 'aharon';
};

השאלה היא על הקטע הזה:

scope.allObj[idx1][idx2]

זו הדרך הנכונה?
זו הדרך היחידה או שיש משהו כמו this.name?

כל אלמנט נוצר ומשתמש במידע שהוצמד לאוביקט מתוך אוביקטים רבים במערך
איך אני ניגש לשנות את האוביקט הספציפי?
אני יכול ע"י $index למצוא את המקום שלו
יש איזה משתנה שמחזיק רפרנס אליו ישירות (למה מפריע לי להשתמש ב$index? לא יודע)?

@ארכיטקט אמר באיך מכריעים האם להשתמש בסוקט או בקריאות אג'קס מרובות?:

Fire Base

אשמח להרחבה
אני רואה שזה מגוון רחב של כלים.

@chagold אמר באיך מכריעים האם להשתמש בסוקט או בקריאות אג'קס מרובות?:

יש משהו שעדיף על זה?

https://github.com/socketio/socket.io

הא, זה מאפשר הפעלת ארוע משרת לקלינט.
יש נוספים?

מה היתרון בסוקט, זמינות?

@מנצפך אמר בבאנגולר 1 איזה גירסה עדיפה?:

1.9.6

????

@מיכל אמר בprototype JavaScript:

אין לי גישה למגיקוד

אז הגיוני שגם לא ליוטיוב
בבקשה

@dovid אמר בprototype JavaScript:

@אהרן אמר בprototype JavaScript:

@dovid יש דרך להעלת א"ז לכאן בקביעות או אולי תצליח למצוא את הלינק המקורי?

להעלות ליוטיוב. לא מצאתי.

תודות @zvi

מצגת יפה מאוד שמסבירה את ענין פרוטוטייפ ודיס (לא זוכר אם עונה ספציפית על השאלה הפותחת).
https://magicode.me/send-file/file/a427ee9a5b3eaba948c747fe9b9b4859de2d7b95/view
הורדתי א"ז מלינק שהביאו בפורום הישן.

@dovid יש דרך להעלת א"ז לכאן בקביעות או אולי תצליח למצוא את הלינק המקורי?

איפה יש קוד יפה לדוגמא של מע' כזו
הכוללת ניהול יוזרים, פרויקטים, והצגת רשימות (ng-for)?

נסיתי די הרבה זמן להשוות א"ז לדוגמא האמיתית ולהבין מה עשיתי בסופו של דבר,
קשה, כי הם ארוכים ועם שימוש נרחב במשתנים.

ככל הנראה ברוב המוחלט של המקרים הבאג דווקא היווה יתרון (יחי js ), כי מה שהיה חשוב זה אם יש בסוף n וזה משליך על האם להשאיר או למחוק את o, זה חסך חיפושים לתרחישים שונים.

--
אגב, לא סיפרת לנו מהו הדגל שמונע א"ז (לא ב-js).
אני אישית אשמח להסברים על הפונקציות השונות שנמצאים במופע רג'קס.
תודה!