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

คำถามเกี่ยวกับ Angular (เพื่อไม่ให้สับสนกับ AngularJS) ซึ่งเป็นกรอบเว็บจาก Google ใช้แท็กนี้สำหรับคำถามเชิงมุมซึ่งไม่เจาะจงสำหรับแต่ละเวอร์ชัน สำหรับเฟรมเวิร์กเว็บ AngularJS (1.x) ที่เก่ากว่าให้ใช้แท็ก angularjs

23
Angular 2 เลื่อนไปด้านบนสุดในการเปลี่ยนเส้นทาง
ในแอพ Angular 2 ของฉันเมื่อฉันเลื่อนหน้าลงและคลิกลิงก์ที่ด้านล่างของหน้ามันจะเปลี่ยนเส้นทางและพาฉันไปหน้าถัดไป แต่มันจะไม่เลื่อนไปที่ด้านบนของหน้า ดังนั้นหากหน้าแรกมีความยาวและหน้าที่ 2 มีเนื้อหาเพียงเล็กน้อยก็จะสร้างความประทับใจว่าหน้า 2 ไม่มีเนื้อหา เนื่องจากเนื้อหาจะปรากฏต่อเมื่อผู้ใช้เลื่อนไปที่ด้านบนของหน้า ฉันสามารถเลื่อนหน้าต่างไปที่ด้านบนของหน้าเว็บใน ngInit ของส่วนประกอบ แต่มีวิธีแก้ปัญหาที่ดีกว่านี้ที่สามารถจัดการเส้นทางทั้งหมดในแอปของฉันโดยอัตโนมัติหรือไม่?
2
ความหมายของคำนำหน้า“ at” (@) บนแพ็คเกจ npm คืออะไร?
ในเอกสารประกอบเราเตอร์เชิงมุมฉันเพิ่งสะดุดคำสั่ง npm ที่ฉันไม่เคยเห็นมาก่อนและฉันไม่เข้าใจว่าเกิดอะไรขึ้น: npm install @angular/router --save ความหมายของ@angular/routerอะไร สตริงทั้งหมดเป็นชื่อแพ็กเกจหรือไม่? แต่แล้วฉันไม่ได้พบกับแพคเกจที่เมื่อฉันใช้การค้นหาบนnpmjs.com และการค้นหา commandline ไม่ส่งคืนแพ็คเกจดังกล่าว: npm search @angular/router :No match found for "@angular/router" ดังนั้น@angular/กลไกคำนำหน้าบางชนิดเป็น npm หรือไม่ และมันทำงานอย่างไร
295 javascript  angular  npm 
15
มีการเปลี่ยนแปลงนิพจน์ ___ หลังจากตรวจสอบแล้ว
ทำไมส่วนประกอบในเสียงทุ้มง่าย ๆ นี้ @Component({ selector: 'my-app', template: `<div>I'm {{message}} </div>`, }) export class App { message:string = 'loading :('; ngAfterViewInit() { this.updateMessage(); } updateMessage(){ this.message = 'all done loading :)' } } ขว้างปา: ข้อยกเว้น: นิพจน์ 'ฉัน {{ข้อความ}} ในแอป @ 0: 5' มีการเปลี่ยนแปลงหลังจากตรวจสอบแล้ว ค่าก่อนหน้า: 'ฉันกำลังโหลด :(' ค่าปัจจุบัน: 'ฉันโหลดเสร็จแล้ว :)' ใน [ฉัน …
13
ข้อยกเว้น: ไม่สามารถผูกกับ 'ngFor' ได้เนื่องจากไม่ใช่คุณสมบัติดั้งเดิมที่รู้จัก
ผมทำอะไรผิดหรือเปล่า? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) class …
11
เหตุการณ์การเปลี่ยนแปลงของ Angular 2 ในทุกการกดปุ่ม
เหตุการณ์การเปลี่ยนแปลงจะถูกเรียกเฉพาะหลังจากที่โฟกัสของอินพุตมีการเปลี่ยนแปลง ฉันจะทำให้เหตุการณ์นั้นเกิดขึ้นในทุกการกดปุ่มได้อย่างไร <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}} การโยงครั้งที่สองจะเปลี่ยนในทุก ๆ การกดปุ่ม
282 angular 
22
วิธีการใช้ตัวกรองกับ * ngFor
เห็นได้ชัดว่า Angular 2 จะใช้ท่อแทนตัวกรองเช่นเดียวกับใน Angular1 ร่วมกับ ng-for เพื่อกรองผลลัพธ์แม้ว่าการดำเนินการยังคงคลุมเครือโดยไม่มีเอกสารที่ชัดเจน คือสิ่งที่ฉันพยายามบรรลุผลสามารถดูได้จากมุมมองต่อไปนี้ <div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div> วิธีการใช้งานโดยใช้ท่อ?
12
ข้อยกเว้น Angular2: ไม่สามารถผูกกับ 'routerLink' ได้เนื่องจากไม่ใช่คุณสมบัติดั้งเดิมที่รู้จัก
เห็นได้ชัดว่าเบต้าของ Angular2 นั้นใหม่กว่าใหม่ดังนั้นจึงไม่มีข้อมูลมากนัก แต่ฉันพยายามทำในสิ่งที่ฉันคิดว่าเป็นเส้นทางขั้นพื้นฐานพอสมควร การแฮ็กข้อมูลด้วยโค้ดเริ่มต้นอย่างรวดเร็วและตัวอย่างอื่น ๆ จากเว็บไซต์https://angular.ioส่งผลให้โครงสร้างไฟล์ต่อไปนี้: angular-testapp/ app/ app.component.ts boot.ts routing-test.component.ts index.html ด้วยไฟล์ที่มีประชากรดังนี้: index.html <html> <head> <base href="/"> <title>Angular 2 QuickStart</title> <link href="../css/bootstrap.css" rel="stylesheet"> <!-- 1. Load libraries --> <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script> <script src="node_modules/rxjs/bundles/Rx.js"></script> <script src="node_modules/angular2/bundles/angular2.dev.js"></script> <script src="node_modules/angular2/bundles/router.dev.js"></script> <!-- 2. Configure SystemJS --> <script> System.config({ packages: { app: …
277 angular 
9
จะเพิ่มคุณสมบัติตามเงื่อนไขใน Angular 2 ได้อย่างไร
ฉันจะเพิ่มคุณสมบัติองค์ประกอบเช่นcheckedกล่องกาเครื่องหมายตามเงื่อนไขได้อย่างไร รุ่นก่อนหน้าของ Angular มีNgAttrและฉันคิดว่าNgCheckedสิ่งที่ดูเหมือนจะให้ฟังก์ชั่นที่ฉันหลังจาก อย่างไรก็ตามคุณสมบัติเหล่านี้ดูเหมือนจะไม่มีอยู่ใน Angular 2 และฉันไม่เห็นวิธีอื่นในการให้บริการฟังก์ชั่นนี้
13
ฉันจะส่งข้อมูลไปยังคอมโพเนนต์ที่กำหนดเส้นทางของ Angular ได้อย่างไร
ในเทมเพลตหนึ่งในเส้นทางของ Angular 2 ( FirstComponent ) ฉันมีปุ่ม first.component.html <div class="button" click="routeWithData()">Pass data and route</div> เป้าหมายของฉันคือการบรรลุ: คลิกปุ่ม -> เส้นทางไปยังส่วนประกอบอื่นในขณะที่เก็บรักษาข้อมูลและไม่ใช้ส่วนประกอบอื่นเป็นคำสั่ง นี่คือสิ่งที่ฉันพยายาม ... แนวทางที่ 1 ในมุมมองเดียวกันฉันกำลังเก็บรวบรวมข้อมูลเดียวกันตามการโต้ตอบของผู้ใช้ first.component.ts export class FirstComponent { constructor(private _router: Router) { } property1: number; property2: string; property3: TypeXY; // this a class, not a primitive type // here some …
16
วิธีการสไตล์องค์ประกอบเด็กจากไฟล์ CSS ขององค์ประกอบหลัก?
ฉันมีองค์ประกอบหลัก: <parent></parent> และฉันต้องการเติมกลุ่มนี้ด้วยองค์ประกอบลูก: <parent> <child></child> <child></child> <child></child> </parent> แม่แบบ: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> แม่แบบเด็ก: <div class="child">Test</div> ตั้งแต่parentและchildเป็นสองส่วนแยกสไตล์ของพวกเขาจะถูกล็อคในขอบเขตของตัวเอง ในองค์ประกอบหลักของฉันฉันพยายามทำ: .parent .child { // Styles for child } แต่.childสไตล์ไม่ได้ถูกนำไปใช้กับchildส่วนประกอบ ฉันพยายามใช้styleUrlsเพื่อรวมparentสไตล์ชีทของchildองค์ประกอบเข้าด้วยกันเพื่อแก้ไขปัญหาขอบเขต: // child.component.ts styleUrls: [ './parent.component.css', './child.component.css', ] แต่นั่นไม่ได้ช่วยลองวิธีอื่นโดยดึงchildสไตล์ชีทเข้าไปparentแต่ก็ไม่ได้ช่วยอะไร ดังนั้นคุณจะกำหนดสไตล์องค์ประกอบลูกที่รวมอยู่ในองค์ประกอบหลักได้อย่างไร
11
วิธีส่งอาร์กิวเมนต์ url (สตริงแบบสอบถาม) ไปยังคำขอ HTTP บน Angular ได้อย่างไร
ฉันกำลังสร้างคำขอ HTTP บน Angular แต่ฉันไม่ทราบวิธีเพิ่มอาร์กิวเมนต์ url (สตริงแบบสอบถาม) this.http.get(StaticSettings.BASE_URL).subscribe( (response) => this.onGetForecastResult(response.json()), (error) => this.onGetForecastError(error.json()), () => this.onGetForecastComplete() ); ตอนนี้ StaticSettings.BASE_URL ของฉันเป็นเหมือน url ที่ไม่มีสตริงข้อความค้นหา: http://atsomeplace.com/แต่ฉันต้องการให้เป็นhttp://atsomeplace.com/?var1=val1&var2=val2 ที่ var1 และ var2 พอดีกับวัตถุขอ Http ของฉัน ฉันต้องการที่จะเพิ่มพวกเขาเหมือนวัตถุ { query: { var1: val1, var2: val2 } } จากนั้นเพียงแค่โมดูล Http ทำงานเพื่อแยกมันลงในสตริงการสืบค้น URL
265 http  angular  typescript 
23
การนำเข้า lodash ไปยังแอปพลิเคชัน angular2 + typescript
ฉันมีปัญหาในการพยายามนำโมดูล lodash ที่นำเข้ามา ฉันตั้งค่าโครงการของฉันโดยใช้ npm + gulp และกดไปที่กำแพงเดิมต่อไป ฉันเคยลองไส้เดือนธรรมดา แต่ก็พยายามพักด้วยเช่นกัน แพ็คเกจ lodash npm: (มีไฟล์ index.js ในโฟลเดอร์ root ของแพ็คเกจ) import * as _ from 'lodash'; ผลลัพธ์ใน: error TS2307: Cannot find module 'lodash'. แพคเกจ lodash-es npm: (มีการส่งออก defaut ใน lodash.js ฉันเป็นโฟลเดอร์รากของแพคเกจ) import * as _ from 'lodash-es/lodash'; ผลลัพธ์ใน: error TS2307: Cannot find …
16
กำหนดค่าคงที่ทั่วโลก
ใน Angular 1.x คุณสามารถกำหนดค่าคงที่เช่นนี้: angular.module('mainApp.config', []) .constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/') สิ่งที่จะเทียบเท่าในเชิงมุม (กับ TypeScript)? ฉันไม่ต้องการที่จะทำซ้ำ API ฐาน URL ซ้ำแล้วซ้ำอีกในบริการทั้งหมดของฉัน
15
จัดรูปแบบวันที่เป็นวว / ดด / ปปปปโดยใช้ไพพ์
ฉันใช้dateไพพ์เพื่อจัดรูปแบบวันที่ของฉัน แต่ฉันไม่สามารถรับรูปแบบที่แน่นอนที่ฉันต้องการได้หากไม่มีวิธีแก้ปัญหา ฉันเข้าใจท่อผิดหรือเป็นไปไม่ได้ //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | date: 'ddMMyyyy'}}, should be {{date | date: 'dd'}}/{{date | date:'MM'}}/{{date | date: 'yyyy'}}</h3> </div> `, directives: [] }) export class App { constructor() { this.name = 'Angular2' …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.