«angular» 태그된 질문

우리 팀과 저는 엔터프라이즈 수준 웹 응용 프로그램 개발을 시작하기위한 자금을 받았습니다 (그 기능에 대해 자세히 설명하지 않음). 응용 프로그램에는 많은 별도의 웹 페이지가 있지만 그 중 두 페이지는 많은 사용자 상호 작용, 대량 데이터를 표시하는 모달, 웹 소켓 연결, 채팅 등과 같이 더 집중되고 매우 무겁습니다. 저는 프로젝트의 수석 …

101 asp.net  angular  reactjs  razor 

'input'요소의 알려진 속성이 아니고 해당 속성과 일치하는 지시문이 없으므로 'ngModel'에 바인딩 할 수 없습니다. 참고 : im using alpha.31 import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector: 'data-bind' }) @View({ template:` <input id="name" type="text" [ng-model]="name" (ng-model)="name = $event" /> {{ name }} ` }) class DataBinding { name: …

101 data-binding  typescript  angular  2-way-object-databinding 

제어를 위해 angular2 양방향 바인딩을 테스트하려고합니다 input. 오류는 다음과 같습니다. Can't bind to 'ngModel' since it isn't a known property of 'input'. app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> app.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: string; } app.component.spec.ts import { TestBed, …

101 testing  angular  angular-cli  angular2-testing 

각도 4 응용 프로그램을 만들고 있습니다. 오류가 발생합니다 Error:Component HomeComponent is not part of any NgModule or the module has not been imported into your module. HomeModule과 HomeComponent를 만들었습니다. AppModule을 참조하려면 어느 것이 필요합니까? 나는 약간 혼란 스럽습니다. HomeModule 또는 HomeComponent를 참조해야합니까? 궁극적으로 내가 찾고있는 것은 사용자가 홈 메뉴를 클릭하면 …

101 angular 

Angular 2.0 컴포넌트를 작성할 때 속성에 대한 기본값을 어떻게 설정합니까? 예를 들어- 기본적 foo으로 'bar'로 설정하고 싶지만 바인딩이 즉시 'baz'. 이것이 라이프 사이클 후크에서 어떻게 작동합니까? @Component({ selector: 'foo-component' }) export class FooComponent { @Input() foo: string = 'bar'; @Input() zalgo: string; ngOnChanges(changes){ console.log(this.foo); console.log(changes.foo ? changes.foo.previousValue : undefined); console.log(changes.foo …

101 angular  typescript 

canLoad과 의 차이점은 무엇입니까 canActivate? export interface Route { path?: string; pathMatch?: string; matcher?: UrlMatcher; component?: Type<any>; redirectTo?: string; outlet?: string; canActivate?: any[]; canActivateChild?: any[]; canDeactivate?: any[]; canLoad?: any[]; data?: Data; resolve?: ResolveData; children?: Routes; loadChildren?: LoadChildren; } 그들 중 어느 것을 언제해야합니까?

101 angular 

요소 내에서 동적 템플릿 참조 변수 를 선언하는 방법은 ngFor무엇입니까? ng-bootstrap의 팝 오버 구성 요소를 사용하고 싶습니다. 팝 오버 코드 (Html ​​바인딩 포함)는 다음과 같습니다. <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> 어떻게 그 요소들을 안에 감쌀 수 …

101 angular  ng-bootstrap  angular-template 

나는 이것을 할 방법을 찾기 위해 고군분투하고 있습니다. 상위 구성 요소에서 템플릿은 a table및 해당 thead요소를 설명 하지만 tbody다음과 같이 다른 구성 요소에 렌더링을 위임 합니다. <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody *ngFor="let entry of getEntries()"> <my-result [entry]="entry"></my-result> </tbody> </table> 각 myResult 구성 요소는 tr기본적으로 다음과 같이 자체 …

100 javascript  angular 

한 *ngIf명세서에 여러 케이스가있는 방법은 무엇입니까? 나는 갖는 뷰 또는 각도 1 사용 해요 if, else if그리고 else있지만, 단지가 각도 4 것 같다 true( if)와 false( else) 상태. 문서에 따르면 다음과 같은 작업 만 수행 할 수 있습니다. <ng-container *ngIf="foo === 1; then first else second"></ng-container> <ng-template #first>First</ng-template> <ng-template #second>Second</ng-template> …

100 angular  templates  angular-ng-if 

이 블로그 를 팔로우하고있는 프로덕션 용 angular2 애플리케이션을 구축하려고합니다 . 내 ngc 성공적인 컴파일 후 tsc 컴파일 이 수행되면 이미지에 표시된 오류가 생성됩니다. 잠시 검색 한 후 "컨텍스트 속성" 섹션 에서 문제를 설명하는 이 블로그 를 발견했습니다.이 블로그 는 제대로 이해할 수없는 문제가 발생하고 있다는 좋은 생각을 줄 수 있습니다. …

100 angular  typescript  typescript-typings  angular2-aot 

나는 튜토리얼 을 따랐다 . app/maint.tsHttp 장에서 변경 한 후 명령 줄을 통해 앱을 시작할 때 오류가 발생합니다. app / main.ts (5,51) : 오류 TS2307 : 'angular2-in-memory-web-api'모듈을 찾을 수 없습니다. (Visual Studio Code는 main.ts 내에서 동일한 오류-빨간색 물결 모양 밑줄을 표시합니다.) 여기 내 systemjs.config.js: /** * System configuration for Angular …

99 angular  import  angular-tour-of-heroes 

제출 버튼이없는 양식을 제출할 수 있습니까 (Enter 키를 눌러) 예 : <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form

99 forms  angular  submit 

Angular CLI 로 새 프로젝트를 만들려고 할 때 다음을 사용합니다 . ng n app 이 오류가 발생합니다. fs.js : 640 return binding.open (pathModule._makeLong (path), stringToFlags (flags), mode); ^ TypeError : 경로는 TypeError (네이티브)의 문자열 또는 버퍼 여야합니다. Angular CLI를 어떻게 업그레이드하거나 제거 할 수 있습니까?

99 angular  angular-cli 

앵귤러 5를 사용하고 있습니다. 작은 콘텐츠가있는 섹션이 거의없고 콘텐츠가 너무 큰 섹션이 거의 없어 맨 위로 이동하는 동안 라우터를 변경할 때 문제가 발생하는 대시 보드가 있습니다. 맨 위로 가기 위해 스크롤해야 할 때마다. 누구든지 라우터를 변경할 때 내 시야가 항상 맨 위에 있도록이 문제를 해결하도록 도와 줄 수 있습니까? 미리 …

99 javascript  angular  typescript  scrolltop  angular-router 

버튼을 눌렀을 때 대상으로 스크롤 할 수 있기를 원합니다. 나는 이런 생각을하고 있었다. <button (click)="scroll(#target)">Button</button> 그리고 내 component.ts방법에서. scroll(element) { window.scrollTo(element.yPosition) } 위의 코드는 유효하지 않지만 내가 생각하는 것을 보여주기위한 것임을 압니다. Angular에 대한 이전 경험없이 Angular 4를 배우기 시작했습니다. 나는 이와 같은 것을 찾고 있었지만 모든 예제는 Angular 4와 …

99 javascript  html  angular  typescript