«angular» 태그된 질문

데이터 테이블이 기본적으로 오름차순으로 '이름'열별로 정렬되도록 아래 Angular Material 코드를 어떻게 변경할 수 있습니까? 화살표 (현재 정렬 방향을 나타냄)가 표시되어야합니다. 이것이 내가 이루고 싶은 것입니다. 원래 코드 : <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs (g)</th> <th mat-sort-header="protein">Protein (g)</th> </tr> <tr *ngFor="let dessert …

85 angular  angular-material 

각도 프로젝트에서 범위 슬라이더를 사용하고 싶은데 각도 4에 사용 가능한 모듈 하나를 사용해 보았습니다. 컴파일하는 동안 잘 작동하지만 배포를 위해 빌드하려고하면 아래 오류가 발생합니다. Angular 프로젝트에서 직접 jQuery 플러그인을 사용하는 옵션을 확인했고 Angular 2에서만 옵션을 얻었습니다. Angular 4에서 jQuery 플러그인을 사용할 수있는 방법이 있습니까? 알려주세요. 미리 감사드립니다!

85 jquery  angular 

파일을 업로드 할 수있는 업로드 구성 요소가있는 앱이 있습니다. 그것은에 포함됩니다 body.component. 업로드 할 BodyComponent.thefunction()때 부모 구성 요소의 함수 (예 :)를 사용해야합니다 ( 데이터 업데이트를위한 호출 수행). 그러나 부모가 구체적으로 body.component. 업로드는 다른 동작으로 다른 곳에서도 사용될 수 있습니다. 같은 것 parent(this).thefunction(), 어떻게할까요?

85 angular 

Angular 1.xx에서는 단순히 동일한 서비스를 요청하면 동일한 인스턴스로 끝나므로 서비스에서 데이터를 공유 할 수 있습니다. 이제 Angular 2에는 내 서비스에 대한 참조가있는 구성 요소가 있습니다. 나는 서비스의 데이터를 읽고 수정할 수 있습니다. 다른 구성 요소에 동일한 서비스를 삽입하려고하면 새 인스턴스를 얻는 것처럼 보입니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 패턴 자체가 …

84 angular  typescript 

Angular2 RC5로 업그레이드하려는 Angular2 Seed 프로젝트를 기반으로하는 작은 Angular2 프로젝트가 있습니다. 내 프로젝트에는 몇 가지 기능이 있으며 그중 하나는 home. 홈 구성 요소는라는 하위 구성 요소를 사용합니다 create-report-card-form. (아래 코드 참조) create-report-card-form에서 홈과 구성 요소를 모두 선언했으며이 오류가 발생합니다 .home.module 처리되지 않은 약속 거부 : 템플릿 구문 분석 오류 : …

84 angular  typescript 

안녕하세요 저는 새로운 각도 인터셉터를 구현 401 unauthorized하고 토큰을 새로 고치고 요청을 다시 시도하여 오류를 처리하는 방법을 알아 내려고합니다 . 이것은 내가 따라온 가이드입니다 : https://ryanchenkie.com/angular-authentication-using-the-http-client-and-http-interceptors 실패한 요청을 성공적으로 캐싱하고 토큰을 새로 고칠 수 있지만 이전에 실패한 요청을 다시 보내는 방법을 알 수 없습니다. 또한 현재 사용중인 리졸버와 함께 작동하도록하고 …

84 javascript  angular  rxjs 

Angular가 백그라운드에서 어떻게 빌드되고 실행되는지 배우고 싶습니까? 아래는 내가 지금까지 이해 한 것입니다. 내가 뭔가를 놓쳤는 지 알고 싶어요. Angular가 만드는 방법 TypeScript를 사용하여 Angular 앱을 코딩 한 후 Angular CLI 명령을 사용하여 앱을 빌드합니다. ng build명령은 애플리케이션을 출력 디렉토리로 컴파일하고 빌드 아티팩트는 dist/디렉토리에 저장됩니다 . 내부 프로세스 1. Angular …

84 angular  typescript  build  angular-cli 

Angular 프로젝트에서 일하고 있습니다. 구성 요소에서 새로 고침 작업에 어려움을 겪고 있습니다. 버튼 클릭시 라우터의 구성 요소를 새로 고침하고 싶습니다. 나는 그것을 클릭하면 새로 고침 버튼이 있습니다. 구성 요소 / 라우터를 새로 고쳐야합니다. 나는 시도 window.location.reload()하고 location.reload()이 두 내 필요에 적합하지 않습니다. 아는 사람이 있으면 도와주세요.

84 angular  routes  components  refresh 

현재 명령 : ng serve --host --public $IP:$PORT 내 웹 사이트의 결과 : 잘못된 호스트 헤더

84 angular  angular-cli  c9.io 

노선 const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] 구성 요소 const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' …

84 angular  angular2-routing 

base64를 사용하여 각도 2의 문자열을 인코딩하거나 디코딩하는 방법 ??? 내 프런트 엔드 도구는 Angular 2입니다. API로 전달하기 전에 암호 문자열이 있었는데 base64로 인코딩해야합니다. 서비스에서 base64로 인코딩 된 문자열이 디코딩됩니다. 그래서 Angular2 / Typescript 및 일부 옵션에 대한 base64 인코딩 / 디코딩 라이브러리를 찾고 있습니다. 감사!!!

84 angular  typescript  npm-install 

동적으로 구축 된 형태를 가진 구성 요소가 있습니다. 유효성 검사기로 컨트롤을 추가하는 코드는 다음과 같습니다. var c = new FormControl('', Validators.required); 하지만 나중에 2nd Validator를 추가하고 싶다고합시다 . 이것을 어떻게 할 수 있습니까? 온라인에서이 문서를 찾을 수 없습니다. 양식 컨트롤에는 setValidators가 있지만 this.form.controls["firstName"].setValidators 그러나 새로운 또는 사용자 정의 유효성 검사기를 …

84 angular  forms  angular-reactive-forms 

모든 양식의 필드를 터치 한 것으로 표시하는 방법을 찾는 데 문제가 있습니다. 주요 문제는 필드를 만지지 않고 양식을 제출하려고하면 유효성 검사 오류가 표시되지 않는다는 것입니다. 컨트롤러에 해당 코드에 대한 자리 표시자가 있습니다. 내 생각은 간단합니다. 사용자가 제출 버튼을 클릭 모든 필드는 터치로 표시됩니다. 오류 포맷터가 다시 실행되고 유효성 검사 오류를 …

84 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

새 탭에서 링크를 열어야하는 각도 5 구성 요소가 있는데 다음을 시도했습니다. <a href="www.example.com" target="_blank">page link</a> 링크를 열면 응용 프로그램이 느려지고 다음과 같은 경로가 열립니다. localhost:4200/www.example.com 내 질문은 : 각도에서 이것을 수행하는 올바른 방법은 무엇입니까?

84 html  angular  routes  anchor 

내가 사용하고 Angular-CLI 1.6.6그리고 @angular/service-worker 5.2.5우리의 Angular 5.2.5응용 프로그램. 프로덕션 환경에서 하나의 오류 메시지가 표시되는 것을 제외하고는 프로덕션 서버뿐만 아니라 로컬 라이트 서버에서도 모든 것이 잘 작동합니다. 리소스로드 실패 : 서버가 504 (게이트웨이 시간 초과) 상태로 응답했습니다. ngsw-worker.js스크립트를 살펴보면 위의 오류 메시지가 생성되는 행 (다음 2466)을 찾았습니다. async safeFetch(req) { …

83 angular  angular-cli  angular5  service-worker  angular-service-worker