«angular» 태그된 질문

방금 새로 만든 각도 CLI.angular-cli.json 의 관련 부분을 아래와 같이 프로젝트 실행 npm install bootstrap@4.0.0-beta jquery popper.js --save 및 변경 "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 …

95 twitter-bootstrap  angular  webpack  popper.js 

'my-app-name/services'다음 가져 오기와 같은 줄을 피하는 것과 같은 것을 어떻게 도입 할 수 있습니까? import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services 

NgModule로 마이그레이션 한 후이 오류가 발생합니다. 오류가 너무 많이 도움이되지 않습니다. 조언을 부탁드립니다. Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at PlatformRef_.bootstrapModule …

95 angular 

컴포넌트 (typescript) 내부에서 함수를 선언하고 Angular 2의 클릭 이벤트에서 호출하는 방법은 무엇입니까? 다음은 Angular 2 코드가 필요한 Angular 1의 동일한 기능에 대한 코드입니다. <button ng-click="myFunc()"></button> //제어 장치 app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

ng-contentAngular 6에서 다중 을 사용하여 사용자 지정 구성 요소를 만들려고하는데 이것이 작동하지 않으며 이유를 모르겠습니다. 이것은 내 구성 요소 코드입니다. <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> 이 구성 요소를 다른 장소에서 사용하고 다음과 같이 두 개의 다른 HTML 코드를 내부 body및 헤더 select에 렌더링하려고합니다 ng-content. <div …

95 angular  angular6  angular-components  ng-content 

머티리얼 디자인을 내 프로젝트로 가져 오려고하지만 일부 구성 요소가 제대로 작동하지 않고 콘솔 경고가 표시되는 간단한 각도 프로젝트에서 작업 중입니다. HammerJS를 찾을 수 없습니다. 특정 Angular Material 구성 요소가 제대로 작동하지 않을 수 있습니다. 나는 hammerjs또한 @angular/material. 이 문제를 어떻게 해결합니까? 사이드 노트 그것은 가치가 지적 될 수있다 당신이 경우 …

94 javascript  angular  material-design  hammer.js 

Angular 5를 사용하고 있으며 angular-cli를 사용하여 서비스를 만들었습니다. 내가하고 싶은 것은 Angular 5의 로컬 json 파일을 읽는 서비스를 만드는 것입니다. 이것이 내가 가진 것입니다 ... 조금 붙어 있습니다 ... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService { constructor(private http: HttpClientModule) { …

94 javascript  json  angular 

RESTful 끝점에서 데이터를 가져 오는 서비스를 호출하는 구성 요소가 있습니다. 이 서비스는 해당 데이터를 가져온 후 실행할 콜백 함수를 제공해야합니다. 문제는 콜백 함수를 사용하여 구성 요소 변수의 기존 데이터에 데이터를 추가하려고 할 때 EXCEPTION: TypeError: Cannot read property 'messages' of undefined. this정의되지 않은 이유는 무엇 입니까? TypeScript 버전 : 버전 …

94 javascript  arrays  typescript  angular 

나는이 AuthGuard 가 구현 (라우팅에 사용) CanActivate을 . canActivate() { return this.loginService.isLoggedIn(); } 내 문제는 CanActivate-결과가 HTTP-GET-결과에 달려 있다는합니다 - LoginService를 다시 표시 관찰 가능한 . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } 그것들을 어떻게 모을 수 있습니까? CanActivate가 백엔드 상태에 의존하도록 만들 수 있습니까? # # # # # …

94 angular  angular2-routing  angular2-http 

let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); 왜 이것이 작동하지 않습니까? 'aaa'만 설정하고 'bbb'는 설정하지 않습니다. 또한 개체가 있습니다 {aaa : 111, bbb : 222} 반복하지 않고 모든 값을 설정하려면 어떻게해야합니까? 업데이트 (이것은 작동하는 것 같지만 루프를 어떻게 피할 수 있습니까?) let httpParams = new HttpParams(); Object.keys(data).forEach(function (key) { …

94 angular  angular-http 

이 예제에서 첫 번째 항목을 기본값으로 설정하려고합니다. plunkr 다음 오류가 발생합니다. Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">"): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 …

94 angular  angular-material 

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 요청 (아약스가 아님)을 html 형식에서 시작한 것처럼 복제하고 싶습니다. URL …

93 typescript  angular 

네이티브 <input>태그 처럼 작동하는 사용자 지정 구성 요소를 어떻게 만들 수 있습니까? 사용자 지정 양식 컨트롤이 ngControl, ngForm, [(ngModel)]을 지원할 수 있도록 만들고 싶습니다. 알다시피, 고유 한 폼 컨트롤이 네이티브 컨트롤처럼 작동하도록하려면 일부 인터페이스를 구현해야합니다. 또한 ngForm 지시문 <input>이 태그 에만 바인딩되는 것처럼 보이지만 이것이 맞습니까? 어떻게 처리 할 수 …

93 typescript  angular 

다음 문에서 {read : ViewContainerRef}의 의미를 이해하는 데 도움이 필요합니다. @ViewChild('myname', {read: ViewContainerRef}) target;

93 angular 

개체를 편집하는 데 사용되는 구성 요소를 단위 테스트하고 있습니다. 개체에는 id서비스에서 호스팅되는 개체 배열에서 특정 개체를 가져 오는 데 사용되는 고유 한 항목 이 있습니다. 특정 항목 id은 특히 ActivatedRoute클래스 를 통해 라우팅을 통해 전달되는 매개 변수를 통해 조달됩니다 . 생성자는 다음과 같습니다. constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { …

93 unit-testing  angular  angular2-routing  angular2-testing