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

@yyy
חסדי ה' כי לא תמנו.

npm install "@popperjs/core"

ואז

npm audit fix

תירגמתי את הקוד ל-JS ושם הקוד שלי פחות יעיל משל @קומפיונט

https://jsben.ch/bgqxi

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

לדוגמא תראה את ההבדל בין שני ה stackblitz האלו, כמה פעמים הפונקציה נקראת בכל לחיצה
https://stackblitz.com/edit/angular-ivy-p91zdg?file=src/app/app.component.html

https://stackblitz.com/edit/angular-ivy-gpyvpw?file=src/app/app.component.ts

@A0533057932
הצלחתי בסוף להוריד. תודה רבה.

System.In...===> System.Int32.

בינתיים מצאתי בגוגל פתרון להכניס ל-tsconfig.json את הרשומות הבאות

"allowSyntheticDefaultImports": true, "esModuleInterop": true

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

@yyy אני חושב שהבנתי את הבעיה, ושהפיתרון של @KATZ נכון,
תראה כאן איך זה מתרענן מיד
https://stackblitz.com/edit/angular-59xiju?file=src%2Fapp%2Fapp.component.html

@odeddvir כי לא לכל דבר מתאימה טבלה.
בכ"א הפתרון הוא לשנות את

android:layout_height="match_parent"

ל-

android:layout_height="wrap_content"

TypeScript עדיין נחשבת לאופציה היחידה עבור פרוייקטים בינוניים ומעלה, בהם הפיתוח בJS b נחשב לקשה במיוחד\על גבול הבלתי אפשרי, מטרת המאמר שהזכרתי איננה לשלול את השימוש בTypeScript אלא לציין את מגבלותיה.

אני מצרף את הDesign Goals מתוך הWIki של TypeScript (שים לב להדגשות):
 

המטרות Statically identify constructs that are likely to be errors Provide a structuring mechanism for larger pieces of code Impose no runtime overhead on emitted programs

Emit clean, idiomatic, recognizable JavaScript code

Produce a language that is composable and easy to reason about

Align with current and future ECMAScript proposals

Preserve runtime behavior of all JavaScript code

Avoid adding expression-level syntax

Use a consistent, fully erasable, structural type system

Be a cross-platform development tool

Do not cause substantial breaking changes from TypeScript 1.0
 

אינן המטרות

Exactly mimic the design of existing languages. Instead, use the behavior of JavaScript and the intentions of program authors as a guide for what makes the most sense in the language.

Aggressively optimize the runtime performance of programs. Instead, emit idiomatic JavaScript code that plays well with the performance characteristics of runtime platforms.

Apply a sound or "provably correct" type system. Instead, strike a balance between correctness and productivity.

Provide an end-to-end build pipeline. Instead, make the system extensible so that external tools can use the compiler for more complex build workflows.

Add or rely on run-time type information in programs, or emit different code based on the results of the type system. Instead, encourage programming patterns that do not require run-time metadata.

Provide additional runtime functionality or libraries. Instead, use TypeScript to describe existing libraries.

Introduce behavior that is likely to surprise users. Instead have due consideration for patterns adopted by other commonly-used languages.

@yyy הevent$ מייצג את הערך שנשלח ע"י הOutput של הComponent\Directive הפנימי.

@yyy ביחס ל-CAST.

@yyy אני לא יודע אם זה רץ שוב. לכן כתבתי:

אם הדף נטען מחדש אז

@יוסף-בן-שמעון
עכשיו הבנתי מה רצית
הכתובת צריכה להיות כך:
assets/xxx.jpg
זה באמת עובד ותודה למסייעים

@yyy

div { pointer-events: none; position: relative; } div::after { contents: ''; border: 1px black solid; border-radius: 5px; pointer-events: all; bottom: 0; } <div onclick="buttonFunction();" />

תמיד יווצר בתחתית האלמנט פסאודו-אלמנט שנראה כמו כפתור, וכל אוונט שתצמיד לclick של האלמנט יקרה כשתלחץ על הכפתור.

@yossiz אמר בהפניות לאובייקטים ממחלקות יורשות:

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

אני רוצה עוד יותר להפשיט ברשותך:

class Animal { public string Sound {get; set;} = 'Unknown'; public void MakeSound() { Console.WriteLine(Sound); } } class Cow : Animal { public void GiveMilk() { Console.WriteLine('Milk!'); } } Animal a; a.Sound = 'Grrrrr!!!!'; Cow cow; cow.Sound = 'Mooo!!!' a.MakeSound(); // prints "Grrrr!!!" cow.MakeSound(); // prints "Mooo!!!" cow.GiveMilk(); // prints "Milk!" ((Cow) a).GiveMilk(); // casting error a = cow; a.MakeSound(); //prints "Mooo!!" a.GiveMilk(); //Error ((Cow) a).GiveMilk(); //Ok //אבל a= new Animal(); a.MakeSound(); //prints Unknown

@yyy כדאי להימנע מיצירת מופעים עבור מחלקות בצורה ליטרלית משום שהPrototype שלהם יהיה זהה לזה של Object.

ההשלכות המצערות:

האובייקט לא יכיל את המתודות והProperties של המחלקה. ההצבות (בתוך הבנאי ומחוצה לו) לא יתבצעו (התגלית שהערך של השדה Y במופע שיצרת יהיה זהה לundefined לא אמורה להיות מפתיעה במיוחד כעת). השימוש בisPrototypeOf ו instanceof לא יניב את התוצאה הרצויה (וכן כל המתודות שבPrototype).

מסקנה:

היכן שהשימוש בObject literal נחוץ (ומתאפשר) השתמש בInterface לציון הType (עקב הצורך בערך דיפולטיבי עבור Y האפשרות לא רלוונטית עבורך) צור מופעים עבור מחלקות באמצעות הבנאי: class ZeroYCoordinate { public readonly y: number = 0; constructor(public x: number) { } } const points = [new ZeroYCoordinate(4)]

** שינוי Prototype אפשרי באמצעות השימוש בsetPrototypeOf, אם כי הדבר אינו מהווה פתרון מקיף לכל הבעיות שציינתי.

@yyy
זה הפתרון שמצאתי

alert($(i)[0].outerHTML);

@yyy הדוגמא הראשונה היא הנכונה, רק שאת האובייקט שניסת ליצור (שורה 7, obj) לא יצרת כמערך אובייקט אלא כסטרינג, כי עטפת אותו בגרשים.
תמחק את הגרשים

arr = [{ "num": "1" }, { "num": "2" }]; obj = { "num": "3" } arr.push(obj);

ואגב שמות של אובייקטים (וגם המספרים, אם הם נועדו להיות מספרים ולא סטרינגים) לא צריכים להיות עם גרשיים, אפשר לכתוב פשוט obj = { num: 3 }

@dovid אמר בשאילתת Jquery לא מגיבה:

היה פעם live אבל הוא יצא משימוש, במקומו משתמשים בon על אלמנט קיים ומציינים בארגומנט השני את הסלקטור של האלמנט העתידי:

$(document).on('click', 'button', function() { alert($(this).text() + ' clicked!') });

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

סייעת לי רבות, איש יקר.