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

ฉันใช้ 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 

ฉันเพิ่งอัปเกรดจาก Angular 2 rc4 เป็น rc6 และมีปัญหาในการทำเช่นนั้น ฉันเห็นข้อผิดพลาดต่อไปนี้บนคอนโซลของฉัน: Unhandled Promise rejection: Template parse errors: 'cl-header' is not a known element: 1. If 'cl-header' is an Angular component, then verify that it is part of this module. 2. If 'cl-header' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of …

145 angular  karma-jasmine 

ฉันต้องการปิดเมนูดร็อปดาวน์ของฉันเมื่อผู้ใช้คลิกที่ใดก็ได้นอกเหนือจากดรอปดาวน์นั้นและฉันต้องการจะทำเช่นนั้นกับ Angular2 และกับ Angular2 "วิธี" ... ฉันติดตั้งโซลูชันแล้ว แต่ฉันไม่รู้สึกมั่นใจเลย ฉันคิดว่าต้องมีวิธีที่ง่ายที่สุดในการบรรลุผลลัพธ์เดียวกันดังนั้นหากคุณมีความคิดใด ๆ ... มาคุยกัน :)! นี่คือการดำเนินการของฉัน: องค์ประกอบแบบเลื่อนลง: นี่เป็นส่วนประกอบสำหรับดรอปดาวน์ของฉัน: ทุกครั้งที่ส่วนนี้มันตั้งค่าให้สามารถมองเห็นได้ (ตัวอย่างเช่นเมื่อผู้ใช้คลิกที่ปุ่มเพื่อแสดง) ก็สมัครเป็นสมาชิก "ทั่วโลก" rxjs เรื่องuserMenuเก็บไว้ภายในSubjectsService และทุกครั้งที่มันถูกซ่อนไว้ ทุกการคลิกที่ใดก็ได้ภายในเทมเพลตของส่วนประกอบนี้จะเรียกใช้เมธอดonClick ()ซึ่งเพิ่งหยุดเหตุการณ์ที่เดือดดาลไปด้านบน (และส่วนประกอบแอปพลิเคชัน) นี่คือรหัส export class UserMenuComponent { _isVisible: boolean = false; _subscriptions: Subscription<any> = null; constructor(public subjects: SubjectsService) { } onClick(event) { event.stopPropagation(); } set isVisible(v) …

144 javascript  drop-down-menu  angular  rxjs 

ฉันกำลังทำangular2กวดวิชาตามที่อยู่นี้: https://angular.io/docs/ts/latest/tutorial/toh-pt3.htmlฉันใส่heroอินเตอร์เฟซในไฟล์เดียวภายใต้appโฟลเดอร์ในคอนโซลฉันมีข้อผิดพลาดนี้ : app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. [0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. ถ้าฉันใส่แฟ้มอินเตอร์เฟซของฉันในโฟลเดอร์พระเอกข้อผิดพลาดหายไป, นี้ไม่ได้กล่าวถึงในเอกสารนี้มีอะไรผิดปกติกับการนำเข้าของฉัน ? คำสั่งการนำเข้าของฉัน (ณ จุดเริ่มต้นของไฟล์ส่วนประกอบ) ทั้งในapp.components.tsและhero-detail.component.ts: import {Component} from 'angular2/core'; import {Hero} from './hero'; ฉันต้องแทนที่คำสั่งการนำเข้าของฉันด้วย: import {Hero} from './'; หรือใส่รหัสในโฟลเดอร์ฮีโร่ ?

144 angular 

ฉันมีช่องป้อน HTML <input [(ngModel)]="item.value" name="inputField" type="text" /> และฉันต้องการจัดรูปแบบค่าและใช้ไพพ์ที่มีอยู่: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... และได้รับข้อความแสดงข้อผิดพลาด: ไม่สามารถมีไพพ์ในนิพจน์การดำเนินการ ฉันจะใช้ไพพ์ในบริบทนี้ได้อย่างไร

144 angular  pipe  html-input  angular2-ngmodel 

ฉันต้องการแสดงวันที่โดยใช้รูปแบบยุโรปdd/MM/yyyyแต่ใช้รูปแบบDatePipe shortDateจะแสดงโดยใช้รูปแบบวันที่ของสหรัฐอเมริกาMM/dd/yyyyเท่านั้น ฉันสมมติว่าโลแคลเริ่มต้นคือ en_US บางทีฉันอาจจะหายไปในเอกสาร แต่ฉันจะเปลี่ยนการตั้งค่าภาษาเริ่มต้นในแอป Angular2 ได้อย่างไร หรืออาจมีวิธีส่งรูปแบบที่กำหนดเองไปยัง DatePipe หรือไม่?

144 javascript  angular  date-pipe 

ฉันพบข้อผิดพลาด node_modules / rxjs / internal / types.d.ts (81,44): ข้อผิดพลาด TS1005: ';' ที่คาดหวัง หลังการติดตั้ง Angular 6 ตรวจสอบข้อผิดพลาด: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

143 angular  typescript  build  installation  rxjs 

ฉันเพิ่งเริ่มยุ่งกับ Angular 2 และฉันสงสัยว่าใครสามารถบอกวิธีที่ดีที่สุดในการเพิ่มและลบผู้ฟังเหตุการณ์จากองค์ประกอบ ฉันมีส่วนประกอบตั้งค่าแล้ว เมื่อมีการคลิกองค์ประกอบบางอย่างในแม่แบบฉันต้องการเพิ่มผู้ฟังสำหรับmousemoveองค์ประกอบอื่นของแม่แบบเดียวกัน ฉันต้องการลบผู้ฟังนี้เมื่อมีการคลิกองค์ประกอบที่สาม ฉันได้งานนี้แค่ใช้ Javascript ธรรมดาเพื่อจับองค์ประกอบแล้วเรียกมาตรฐานaddEventListener()แต่ฉันสงสัยว่ามี " Angular2.0 " วิธีการทำเช่นนี้มากกว่าที่ฉันควรจะดู

143 angular  typescript  addeventlistener 

ฉันมีโครงการสร้าง Angular2 ด้วย Angular-CLI (เบต้า 20) มีวิธีเรียกใช้การทดสอบกับไฟล์ spec เพียงไฟล์เดียวที่เลือกหรือไม่ ฉันเคยมีโครงการตามการเริ่มต้นอย่างรวดเร็วของ Angular2 และฉันสามารถเพิ่มรายละเอียดลงในไฟล์จัสมินด้วยตนเอง แต่ฉันไม่ทราบวิธีตั้งค่านอกการทดสอบกรรมหรือวิธี จำกัด การทดสอบกรรมให้กับไฟล์เฉพาะด้วย Angular-CLI builds

143 angular  jasmine  angular-cli 

หากมีการประกาศตัวแปรprivateในคลาสคอมโพเนนต์ฉันจะสามารถเข้าถึงตัวแปรนั้นในเทมเพลตขององค์ประกอบนั้นได้หรือไม่ @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private }

143 typescript  angular  angular2-template 

ฉันกำลังพยายามโหลดกิจกรรมจาก API ของฉันก่อนที่ส่วนประกอบจะแสดงผล ขณะนี้ฉันกำลังใช้บริการ API ของฉันซึ่งฉันเรียกจากฟังก์ชัน ngOnInit ของส่วนประกอบ EventRegisterองค์ประกอบของฉัน: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} from 'angular2/router'; import {FORM_PROVIDERS, FORM_DIRECTIVES, Control} from 'angular2/common'; @Component({ selector: "register", templateUrl: "/events/register" // provider array is added in parent …

143 typescript  angular  angular2-services  angular2-http 

ฉันได้อ่านแล้วว่าการฉีดเมื่อการบูตสแตรปควรให้เด็กทุกคนใช้อินสแตนซ์เดียวกันร่วมกัน แต่ส่วนประกอบหลักและส่วนหัวของฉัน (แอพหลักรวมถึงส่วนหัวและเต้ารับเราเตอร์) แต่ละเครื่องได้รับอินสแตนซ์แยกจากบริการของฉัน ฉันมี FacebookService ซึ่งฉันใช้เพื่อโทรไปที่ facebook javascript api และ UserService ที่ใช้ FacebookService นี่คือบูตของฉัน: bootstrap(MainAppComponent, [ROUTER_PROVIDERS, UserService, FacebookService]); จากการเข้าสู่ระบบของฉันดูเหมือนว่าการเรียก bootstrap เสร็จสิ้นจากนั้นฉันเห็น FacebookService จากนั้น UserService ที่ถูกสร้างขึ้นก่อนที่รหัสในแต่ละตัวสร้างการทำงาน, MainAppComponent, HeaderComponent และ DefaultComponent:

142 angular  typescript  angular2-routing  angular2-services 

ดูเหมือนว่าเมื่อฉันสร้างแอป Angular 2 โดยใช้ Angular cli คำนำหน้าส่วนประกอบเริ่มต้นของฉันคือ app-root สำหรับ AppComponent ตอนนี้เมื่อฉันเปลี่ยนตัวเลือกเป็นอย่างอื่นพูดว่า "abc-root" @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) vscode เตือนฉัน [tslint] The selector of the component "AppComponent" should have prefix "app"

142 angular 

ฉันใช้โครเมี่ยม 70 .flatMap, .flatten, .flatและโครเมี่ยมไม่วิธีการเพิ่ม ดังนั้นรหัสของฉันจึงทำงานตามที่คาดไว้ น่าเสียดายที่ typescript ไม่ชอบ // data.flatMap lint error export const transformData = (data: any[]) => data.flatMap(abc => [ parentObj(abc), ...generateTasks(abc) ]); คำเตือนที่ฉันได้รับคือ TS2339: Property 'flatMap' does not exist on type 'any[]'. โดยวิธีการที่ผมใช้Angular 6ซึ่งการใช้งานTypescript ~2.9.2และฉันได้รวมในimport 'core-js/es7/array';polyfills.ts ฉันเดาว่าไม่มีการพิมพ์สำหรับวิธีการเหล่านี้และฉันพยายามnpm run -dev @types/array.prototype.flatmapแต่ก็ยังไม่สามารถแก้ไขได้

142 angular  typescript 

เมื่อฉันส่งคำขอโพสต์เชิงมุม 2 http ไม่ได้ส่งคำขอนี้ this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) โพสต์ http ไม่ได้ถูกส่งไปยังเซิร์ฟเวอร์ แต่ถ้าฉันทำเช่นนี้ this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); นี่คือจุดประสงค์หรือไม่และถ้ามีใครสามารถอธิบายได้ว่าทำไม หรือว่าเป็นบั๊ก?

141 angular  angular2-http