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

ฉันกำลังทำโปรเจ็กต์เชิงมุมง่ายๆที่ฉันกำลังพยายามนำเข้าดีไซน์ Material เข้ามาในโปรเจ็กต์ของฉัน แต่ส่วนประกอบบางอย่างทำงานไม่ถูกต้องและคำเตือนของคอนโซลบอกว่า: ไม่พบ HammerJS ส่วนประกอบ Angular Material บางอย่างอาจทำงานไม่ถูกต้อง ฉันได้รับการติดตั้งและhammerjs @angular/materialฉันจะแก้ไขปัญหานี้ได้อย่างไร Sidenote มันอาจจะเป็นที่น่าสังเกตว่าหากคุณมีhammerjsการติดตั้งและอุปกรณ์ของคุณจะยังคงแสดงผลได้อย่างถูกต้องเพื่อให้แน่ใจว่าคุณกำลังใช้angular material ส่วนประกอบและไม่องค์ประกอบ HTML กับการเรียนmaterialize-css หากคุณกำลังใช้materialize-cssแทนangular material, คุณจะต้องเพิ่มในโครงการของคุณต่างหาก

97 javascript  angular  material-design  hammer.js 

ฉันจะแนะนำสิ่งที่ต้องการ'my-app-name/services'หลีกเลี่ยงบรรทัดเช่นการนำเข้าต่อไปนี้ได้อย่างไร import {XyService} from '../../../services/validation/xy.service';

97 typescript  ecmascript-6  angular  angular2-services 

ฉันสร้างบริการ SocketService โดยพื้นฐานแล้วจะเริ่มต้นซ็อกเก็ตเพื่อให้แอปฟังบนพอร์ต บริการนี้ยังโต้ตอบกับส่วนประกอบบางอย่าง // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } ฉันรู้รหัสในตัวสร้างของ SocketService () เริ่มทำงานเมื่อคอมโพเนนต์ใช้ SocketService เท่านั้น และโดยปกติโค้ดใน app.ts จะมีลักษณะดังนี้: // app.ts import {SocketService} from './socket.service'; ... class App { constructor () {} } bootstrap(App, [SocketService]); อย่างไรก็ตามฉันต้องการให้บริการนี้ทำงานเมื่อแอปเริ่มทำงาน ดังนั้นฉันจึงสร้างเคล็ดลับเพียงแค่เพิ่มตัวprivate _socketService: SocketServiceสร้างของแอพ () ตอนนี้รหัสมีลักษณะดังนี้: …

97 typescript  angular 

ฉันเพิ่งสร้างแบรนด์ใหม่ เชิงมุม cliโปรเจ็กต์ และรันnpm install bootstrap@4.0.0-beta jquery popper.js --save และเปลี่ยนส่วนที่เกี่ยวข้องของ . angular-cli.jsonดังต่อไปนี้ "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], อย่างไรก็ตามได้รับข้อผิดพลาดด้านล่าง 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at …

96 twitter-bootstrap  angular  webpack  popper.js 

นี่คือส่วนประกอบของฉันใน Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) นี่คือชั้นเรียนของฉัน: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; @Input() formGroup: FormGroup; constructor( formDir: NgForm ) …

96 angular  form-control 

ใครช่วยอธิบายความแตกต่างระหว่างการใช้<ng-container>และ<ng-template>องค์ประกอบได้ไหม ฉันไม่พบเอกสารสำหรับNgContainerและไม่เข้าใจความแตกต่างระหว่างแท็กเทมเพลต ตัวอย่างโค้ดของแต่ละรหัสจะช่วยได้มาก

96 angular 

FormGroup : FormGroupรวบรวมค่านิยมของเด็กแต่ละ FormControl เป็นหนึ่งวัตถุที่มีชื่อการควบคุมแต่ละเป็นกุญแจสำคัญใน const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArrayมวลรวมค่าของแต่ละ FormControl เด็กเป็นอาร์เรย์ const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') ]); ควรใช้เมื่อใด

96 angular  angular2-forms  angular-reactive-forms 

ฉันพบตัวอย่างที่ จำกัด ตัวเลขไว้ที่ทศนิยม 2 ตำแหน่งและเปลี่ยนตัวเลขเป็นจำนวนเงินเช่น£ 2.55 {{ number | currency : 'GBP' : true : '1.2-2'}} มีท่อธรรมดาที่เหมือนกันโดยไม่ใช้สกุลเงินหรือไม่?

95 angular  pipe  decimal 

วิธีการประกาศฟังก์ชันภายในองค์ประกอบ (typescript) และเรียกมันในเหตุการณ์คลิกใน Angular 2? ต่อไปนี้เป็นรหัสสำหรับฟังก์ชันเดียวกันใน Angular 1 ซึ่งฉันต้องการรหัส Angular 2: <button ng-click="myFunc()"></button> // ตัวควบคุม app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

เมื่อให้บริการแอปของฉันด้วย Angular cli ฉันจะปิดการโหลดอัตโนมัติได้อย่างไร ng --helpพูดถึง--live-reloadตัวเลือกนี้ แต่ฉันไม่สามารถทำให้มันใช้งานได้ ng serve --live-reload=false หรือ ng serve --live-reload falseไม่ทำงาน แก้ไข: ดูเหมือนว่าจะเป็นข้อบกพร่องhttps://github.com/angular/angular-cli/issues/1755

95 angular  angular-cli 

ฉันยังใหม่กับ Angular 4 ดังนั้นใครก็ได้โปรดอธิบายวิธีใช้และสถานที่ที่จะใช้ ::ng-deepใน Angular 4 ได้บ้าง อันที่จริงฉันต้องการเขียนทับคุณสมบัติ CSS บางส่วนของส่วนประกอบลูกจากส่วนประกอบหลัก นอกจากนี้ยังรองรับ IE11?

95 css  angular  angular-template 

ฉันต้องการใช้ img โดยใช้ src มาจากออบเจ็กต์ JSON ใน AngularJS ฉันสามารถทำได้: <img ng-src="{{hash}}" alt="Description" /> Angular 2+ มีสิ่งนี้เทียบเท่าหรือไม่

94 angular 

ฉันพยายามส่งคำขอ POST แต่ไม่สามารถดำเนินการได้: testRequest() { var body = 'username=myusername?password=mypassword'; var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http .post('/api', body, { headers: headers }) .subscribe(data => { alert('ok'); }, error => { console.log(JSON.stringify(error.json())); }); } โดยทั่วไปฉันต้องการจำลองคำขอ http นี้ (ไม่ใช่ ajax) เหมือนที่มาจากรูปแบบ html: URL: / api Params: ชื่อผู้ใช้และรหัสผ่าน

94 typescript  angular 

ต้องการความช่วยเหลือเพื่อทำความเข้าใจความหมายของ {read: ViewContainerRef} ในข้อความต่อไปนี้ @ViewChild('myname', {read: ViewContainerRef}) target;

94 angular 

ฉันมีส่วนประกอบที่เรียกใช้บริการเพื่อดึงข้อมูลจากจุดสิ้นสุด RESTful บริการนี้จำเป็นต้องได้รับฟังก์ชันเรียกกลับเพื่อดำเนินการหลังจากดึงข้อมูลดังกล่าว ปัญหาคือเมื่อฉันลองใช้ฟังก์ชันเรียกกลับเพื่อต่อท้ายข้อมูลกับข้อมูลที่มีอยู่ในตัวแปรของคอมโพเนนต์ฉันได้รับไฟล์EXCEPTION: TypeError: Cannot read property 'messages' of undefined. ทำไมthisไม่ได้กำหนด? เวอร์ชัน TypeScript: เวอร์ชัน 1.8.10 รหัสคอนโทรลเลอร์: import {Component} from '@angular/core' import {ApiService} from '...' @Component({ ... }) export class MainComponent { private messages: Array<any>; constructor(private apiService: ApiService){} getMessages(){ this.apiService.getMessages(gotMessages); } gotMessages(messagesFromApi){ messagesFromApi.forEach((m) => { this.messages.push(m) // EXCEPTION: TypeError: Cannot …

94 javascript  arrays  typescript  angular