ค้นหาเว็บไซต์

javascript - HTML/CSS/JS เพื่อสร้างแอนิเมชันการย้ายไฟล์ไปยังถังขยะ

ฉันต้องการให้มีฟังก์ชันย้ายไปถังขยะจากโฟลเดอร์ต้นไม้

เมื่อผู้ใช้คลิกปุ่มลบ ฉันต้องการแสดงแอนิเมชันเพื่อย้ายรายการไปยังถังขยะ

ตัวอย่างเค้าโครง

+-------- | - dir1 | - file1 x | - file2 x | - subDir1 | - file3 x +-------- | Trash +--------

เนื่องจากองค์ประกอบถูกจัดวางแบบ 'สัมพันธ์' กับไดเรกทอรีที่พวกมันอยู่ ในขณะที่ถังขยะสัมพันธ์กับระดับบนสุด ฉันจึงไม่สามารถหาวิธีทำสิ่งนั้นได้

ตัวอย่างโค้ดที่มีการจัดวางขั้นต่ำสุด

htt

อ่านต่อไป →

ตัวแปร - วิธีส่งค่าจาก HTML ไปยัง TypeScript ที่รวมอยู่ในวงเล็บปีกกา

ฉันกำลังพัฒนาแอปแชทแบบไฮบริดโดยใช้ Ionic 2 และฉันต้องการส่งค่าจาก HTML ไปยัง TypeScript เมื่อเกิดเหตุการณ์คลิก แต่ค่าถูกซิงค์จาก Firebase ดังนั้นมันจึงอยู่ในวงเล็บกลม และ HTML ไม่อนุญาตให้ตั้งค่าในวงเล็บกลมภายในวงเล็บกลมอื่น

directchat.ts

อ่านต่อไป →

javascript - ทางเลือกของ markdown-it ที่สร้างองค์ประกอบ DOM แทนการเรนเดอร์ข้อความ HTML

ตอนนี้ฉันกำลังใช้ markdown-it สำหรับเว็บส่วนขยายของฉันเพื่อแสดงบทเรียนและบันทึกการเปลี่ยนแปลงที่สามารถแปลได้ แต่ Mozilla มีการตรวจสอบความปลอดภัยซึ่งบอกว่าการใช้ innerHTML ไม่ปลอดภัย ดังนั้นฉันสงสัยว่ามีไลบรารี markdown ของ JavaScript (ซึ่งถ

อ่านต่อไป →

typescript - วิธีการแทนที่เฉพาะคอมโพเนนต์จากไลบรารีของบุคคลที่สามและใช้เทมเพลต (html) และ CSS จากคอมโพเนนต์หลักใน Angular 4

วิธีการ override เฉพาะคอมโพเนนต์จากไลบรารีภายนอกและใช้เทมเพลต, CSS จากคอมโพเนนต์แม่ใน Angular 4?

1) จำเป็นต้อง override แม่แบบและ CSS หรือไม่ ในขณะที่ override ไลบรารีของบุคคลที่สามใน Angular?

2) งั้นมันไม่บังคับใช่ไหม แล้วให้ตัวอย่างเช่น วิธีการ ov

อ่านต่อไป →

Angular 4 - วิธีใช้ [ngTemplateOutlet] เพื่อโหลดหลายหน้า HTML ตามเงื่อนไขภายในคอมโพเนนต์เดียวกัน

ใน Angular 4 โดยการใช้ [ngTemplateOutlet] ฉันสามารถอ้างอิงไปยังเทมเพลต HTML ต่าง ๆ ที่ถูกกำหนดภายในหน้า HTML เดียวกันโดยใช้ id ของมัน แต่ฉันจะโหลดหน้า HTML ที่ถูกกำหนดภายนอกแบบมีเงื่อนไขภายใน HTML ของคอมโพเนนต์เดียวกันได้อย่างไร ตัวอย่างโค้ดด้านล่าง: main.component.html

<div *ngIf="page == 'test'"> <ng-template [ngTemplateOutlet]="test"></ng-template> </div> <ng-template #test> <b>test template</b> </ng-template>

ต

อ่านต่อไป →

typescript - html2canvas กำลังแสดงข้อผิดพลาด promise แบบไม่ทำให้โค้ดหยุดในการใช้งานแอป Angular

html2canvas(document.getElementById('imageArea'), { useCORS: true }).then(canvas => {

โค้ดบรรทัดนี้ดูเหมือนจะทำให้เกิดข้อผิดพลาดนี้

core.js:1440 ERROR Error: Uncaught (in promise): [object Undefined] at resolvePromise (zone.js:809) at resolvePromise (zone.js:775) at eval (zone.js:858) at ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:4724) at ZoneDelegate.invokeTask (zone.js:420) at Zone.runTask (zone.js:188) at drainMicroTask

อ่านต่อไป →

reactjs - วิธีการแปลงองค์ประกอบ React TypeScript ที่กำหนดเองเป็น HTMLElement?

ฉันมีอาร์เรย์ขององค์ประกอบที่กำหนดเองและฉันต้องการเก็บ ref สำหรับทั้งหมดเพื่อที่ฉันจะสามารถเรียกใช้ focus() บนหนึ่งในนั้นได้โดยตั้งใจ เป็นไปได้ไหมที่จะแปลงองค์ประกอบ React แบบกำหนดเองไปยังองค์ประกอบ DOM ซึ่งจะอนุญาตให้ใช้ focus()?

SampleFeed.

อ่านต่อไป →

angular - การตั้งค่าค่ามาตรฐานของ HTML select ในคอมโพเนนต์ลูกด้วยข้อมูลจากการเรียก API

ฉันมีแบบฟอร์มที่มีหลายส่วนประกอบซึ่งฉันต้องการกรอกข้อมูลล่วงหน้าจากการเรียก API ข้อมูลถูกเติมอย่างถูกต้องสำหรับทุกฟิลด์ ยกเว้นค่าที่ถูกเลือกสำหรับแท็ก select value ถูกต้อง แต่ไม่ได้แสดง option ที่ถูกต้องภายใน

อ่านต่อไป →

javascript - Angular 2/4/5/6 - การแปลง innerHTML ของคอมโพเนนต์ที่กำหนดเองในฝั่งคลาสของคอมโพเนนต์

ฉันต้องการสร้างคอมโพเนนต์พื้นฐานต่อไปนี้: card.component เพื่อรับทุกสิ่งที่ผู้ใช้กำหนดใน innerHTML ของมันไปยังคลาสคอมโพเนนต์ ซึ่งจะสามารถเปลี่ยนแปลงและแสดงบนเทมเพลตของมันได้

นี่คือวิธีที่ผู้ใช้จะใช้ส่วนประกอบนี้:

อ่านต่อไป →

typescript - วิธีจัดการสมาชิกของออบเจ็กต์ในอาเรย์ที่มีออบเจ็กต์หลายประเภทในเทมเพลต HTML ของ Angular?

ฉันมีคลาสสองคลาส FileInfo และ UploadFileInfo ซึ่งคลาสหลังสืบทอดมาจากคลาสแรก ในเมธอดของฉันฉันจะเพิ่มอ็อบเจกต์ทั้งสองประเภทลงในอาร์เรย์ contents

public contents: Array<FileInfo | UploadFileInfo> = new Array<FileInfo | UploadFileInfo>();

และในเทมเพลต HTML ของฉัน ฉันทำการวนลูปเนื้อหาโดยใช้ ngFor

ปัญหาของฉันอยู่ในเทมเพลต HTML ฉันไม่สามารถรันการตรวจสอบประเภทได้ และฉันได้รับข้อผิดพลาดเกี่ยวกับสมาชิก

อ่านต่อไป →