คำถามติดแท็ก angular-directive

ฉันใช้เวลาอ่านเอกสาร AngularJS และแบบฝึกหัดหลายครั้งค่อนข้างมากและฉันรู้สึกประหลาดใจมากที่เอกสารไม่สามารถเข้าถึงได้ ฉันมีคำถามง่ายๆที่ตอบได้ซึ่งอาจเป็นประโยชน์กับผู้อื่นที่ต้องการซื้อ AngularJS: คำสั่ง AngularJS คืออะไร ควรมีคำจำกัดความที่เรียบง่ายและแม่นยำของคำสั่งบางแห่ง แต่เว็บไซต์ AngularJSเสนอคำจำกัดความที่ไร้ประโยชน์เหล่านี้: ในหน้าแรก : คำสั่งเป็นคุณสมบัติพิเศษและมีประสิทธิภาพที่มีอยู่ใน AngularJS คำสั่งให้คุณสร้างไวยากรณ์ HTML ใหม่เฉพาะสำหรับแอปพลิเคชันของคุณ ในเอกสารสำหรับนักพัฒนา : คำสั่งเป็นวิธีสอน HTML แบบใหม่ ระหว่างการคอมไพล์คำสั่ง DOM จะจับคู่กับ HTML และดำเนินการ สิ่งนี้อนุญาตให้คำสั่งในการลงทะเบียนพฤติกรรมหรือเปลี่ยน DOM และมีการพูดคุยกันหลายครั้งเกี่ยวกับคำสั่งซึ่งดูเหมือนว่าจะถือว่าผู้ชมเข้าใจสิ่งที่พวกเขาเป็น ทุกคนจะสามารถนำเสนอสำหรับการอ้างอิงที่ชัดเจนคำจำกัดความที่แม่นยำของสิ่งที่เป็นคำสั่งที่อธิบาย: มันคืออะไร (ดูคำจำกัดความที่ชัดเจนของ jQueryเป็นตัวอย่าง) ปัญหาและสถานการณ์ในทางปฏิบัติที่ควรนำมากล่าวถึงคืออะไร รูปแบบการออกแบบใดที่บ่งบอกถึงหรือว่ามันเหมาะสมกับภารกิจMVC / MVW ที่อ้างว่าเป็นของ AngularJS

181 javascript  angularjs  angular-directive 

ฉันต้องการสร้างส่วนขยายสำหรับส่วนประกอบบางส่วนที่ปรับใช้แล้วใน Angular 2 โดยไม่ต้องเขียนใหม่เกือบทั้งหมดเนื่องจากองค์ประกอบพื้นฐานสามารถรับการเปลี่ยนแปลงได้และหวังว่าการเปลี่ยนแปลงเหล่านี้จะสะท้อนให้เห็นในองค์ประกอบที่ได้รับด้วย ฉันสร้างตัวอย่างง่าย ๆ นี้เพื่อพยายามอธิบายคำถามของฉันให้ดีขึ้น: ด้วยองค์ประกอบฐานต่อไปนี้app/base-panel.component.ts: import {Component, Input} from 'angular2/core'; @Component({ selector: 'base-panel', template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>', styles: [` .panel{ padding: 50px; } `] }) export class BasePanelComponent { @Input() content: string; color: string = "red"; onClick(event){ console.log("Click color: " + this.color); } } คุณต้องการสร้างองค์ประกอบอนุพันธ์อื่นเพียงแก้ไขตัวอย่างเช่นพฤติกรรมองค์ประกอบพื้นฐานในกรณีของสีตัวอย่างapp/my-panel.component.ts: import …

160 angular  typescript  inheritance  angular-directive 

ฉันใช้ angular2 เพื่อการพัฒนาและสงสัยว่ามีทางเลือกอื่นสำหรับng-disabledangular2 หรือไม่ สำหรับอดีต โค้ดด้านล่างอยู่ใน angularJS: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i class="fa fa-chevron-right fa-fw"></i> </button> แค่อยากรู้ว่าฉันจะใช้ฟังก์ชันนี้ได้อย่างไร อินพุตใด ๆ

145 angular  angular-directive 

ในเอกสารเชิงมุม 2 * และเทมเพลตเราทราบว่า * ngIf, * ngSwitch, * ngFor สามารถขยายเป็นแท็ก ng-template ได้ คำถามของฉันคือ: ฉันคิดว่าการแปลngIfหรือngForไม่มี*ก็สามารถแปลและขยายเป็นแท็กเทมเพลตได้ด้วยเครื่องมือเชิงมุม รหัสต่อไปนี้ <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> ก็จะเหมือนกับ <ng-template [ngIf]="currentHero"> <hero-detail [hero]="currentHero"></hero-detail> </ng-template> แล้วทำไมต้องกังวลกับการออกแบบเครื่องหมายดอกจันสัญลักษณ์แปลก ๆ ( *) ในเชิงมุม 2?

90 javascript  angular  angular-directive 

ฉันเพิ่งเริ่มทำงานกับ Angular 2 ฉันสงสัยว่าส่วนประกอบและคำสั่งใน Angular 2 แตกต่างกันอย่างไร

86 angular  components  angular-directive  angular2-directives 

พิจารณาองค์ประกอบต่อไปนี้: @Component({ selector: 'app-test' template: 'Hello!' }} export class TestComponent { @Output() readonly selectionChange = new EventEmitter<SomeTypeHere>(); } ด้วยการโทร: <app-test (selectedChange)="selectedChangeHandler($event)"></app-test> โปรดทราบว่าผมเคยเขียนแทนชื่อของการส่งออกที่ถูกต้องselectedChange selectionChangeAngular 9 ที่strictTemplatesเปิดใช้งานการตั้งค่าสถานะไม่ได้ช่วยฉันเลย มันล้มเหลวอย่างเงียบ ๆ ส่วนที่น่าสนใจคือถ้าฉันทำสิ่งเดียวกัน@Inputแอปจะจับข้อผิดพลาดและไม่คอมไพล์ มีวิธีใดที่จะทำให้เกิดข้อผิดพลาดหากฉันพยายาม "ฟัง" ที่ไม่มีข้อมูล@Output?

14 angular  angular-directive  angular9