«angular» 태그된 질문

최신 Angular 2 릴리스 후보로 업그레이드 한 이후로 내 img태그 : <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> 브라우저 오류가 발생합니다. ORIGINAL EXCEPTION : 오류 : 리소스 URL 컨텍스트에 사용 된 안전하지 않은 값 URL의 값은 다음과 같습니다. http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg 편집하다: 이 질문이 중복되어야한다는 다른 솔루션의 제안을 시도했지만 동일한 오류가 발생합니다. 컨트롤러에 다음 코드를 …

109 angular 

파이프는 템플릿에서 데이터 (형식)를 변환하기위한 필터입니다. 나는 우연히 pipe()다음과 같이 작동합니다. 이 경우이 pipe()기능은 정확히 무엇을 의미합니까? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

109 angular  rxjs  angular-pipe  rxjs-pipe 

재료 2를 사용하여 md-raised-button. 특정 조건이 충족되는 경우에만이 지침을 적용하고 싶습니다. 예를 들면 : <button md-raised-button="true"></button> 또 다른 예 : 플 런커에서 기본 동적 반응 형을 만들었습니다. formArrayName컨트롤 배열에 반응 형 지시문을 사용 하고 있습니다. formArrayName특정 조건이 참인 경우에만 지시문 을 적용하고 , 그렇지 않으면 formArrayName지시문을 추가하지 않습니다 . 여기에 …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

옵션이 배열에 정의 된 모든 객체 인 매트 선택이 있습니다. 옵션 중 하나를 기본값으로 설정하려고하지만 페이지가 렌더링 될 때 선택된 상태로 남아 있습니다. 내 typescript 파일에는 다음이 포함됩니다. public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; 내 HTML 파일에는 다음이 포함됩니다. …

109 angular  typescript  angular-material2 

저는 앵귤러 5를 처음 접했고 타이프 스크립트에 다른 맵을 포함하는 맵을 반복하려고합니다. 아래 각도에서 이러한 종류의 맵을 반복하는 방법은 구성 요소에 대한 코드입니다. import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent implements OnInit { map = new Map<String, Map<String,String>>(); map1 = …

109 javascript  angular  typescript  angular-cli 

ng-2 부모-자녀 데이터 상속은 저에게 어려움이었습니다. 잘 작동하는 실용적인 솔루션이 될 수있는 것은 내 전체 데이터 배열을 단일 부모 ID로 참조되는 자식 데이터로만 구성된 배열로 필터링하는 것입니다. 즉, 데이터 상속은 하나의 상위 ID에 의한 데이터 필터링이됩니다. 구체적인 예에서 이것은 다음과 같을 수 있습니다 : 특정한 store_id. import {Component, Input} from …

108 arrays  filter  typescript  angular 

출력하는 몇 가지 실패한 테스트가 [object ErrorEvent] thrown있습니다. 문제가되는 코드를 정확히 찾아내는 데 도움이되는 내용이 콘솔에 표시되지 않습니다. 이를 추적하기 위해해야 ​​할 일이 있습니까? [편집] : Karma v1.70, Jasmine v2.7.0을 실행 중입니다.

108 angular  angular-cli  karma-jasmine 

Angular2 구성 요소가 있다고 가정 해 보겠습니다. //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } 이 구성 요소에 대한 템플릿 html 파일 //home.component.html <div class="home-component">Some stuff in this div</div> 마지막으로이 구성 요소에 …

108 css  angular 

<div> <input #ipt type="text"/> </div> 구성 요소 클래스에서 템플릿 액세스 변수에 액세스 할 수 있습니까? 즉, 여기에서 액세스 할 수 있습니까? class XComponent{ somefunction(){ //Can I access #ipt here? } }

108 angular  typescript  angular2-template 

mat-table정렬이 로컬에서 작동하도록 시도 하고 있으며 예상대로 데이터를 표시 할 수 있지만 머리글 행을 클릭하면 온라인 예제 에서처럼 정렬이 수행되지 않습니다 (아무것도 발생하지 않음). 이 데모를 로컬에서 작동 시키려고합니다 : https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Angular CLI로 새 프로젝트를 생성 한 후 다음 단계를 따랐습니다. https://material.angular.io/guide/getting-started 내 로컬 파일은 다음과 같습니다. app.module.ts import …

108 angular  angular-material 

내 코드 : <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> 언제든지 10 개의 목록 요소 만 표시하려고합니다. 여기 에 대한 답변에서 제안 했듯이 ngIf를 사용했지만 페이지에 빈 목록 항목 (10 개 이상)이 표시됩니다.

108 angular 

의 disabled속성 을 사용하려고 합니다 formControl. 템플릿에 넣으면 작동합니다. <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> 그러나 브라우저는 다음과 같이 경고합니다. 반응 양식 지시문과 함께 disabled 속성을 사용하고있는 것 같습니다. 구성 요소 클래스에서이 컨트롤을 설정할 때 disabled를 true로 설정하면 disabled 속성이 실제로 DOM에 설정됩니다. '확인 후 변경됨'오류를 방지하려면이 방법을 사용하는 것이 좋습니다. Example: …

108 angular  typescript 

Angular 5로 프런트 엔드 응용 프로그램을 작업 중이며 검색 상자를 숨겨야하지만 버튼을 클릭하면 검색 상자가 표시되고 초점이 맞춰져야합니다. 지시어 등으로 StackOverflow에서 찾은 몇 가지 방법을 시도했지만 성공할 수 없습니다. 다음은 샘플 코드입니다. @Component({ selector: 'my-app', template: ` <div> <h2>Hello</h2> </div> <button (click) ="showSearch()">Show Search</button> <p></p> <form> <div > <input *ngIf="show" …

108 angular  angular5  angular-forms 

그래서 이것은 불분명 한 것 같습니다. 이 양식 받기 : <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> 모든 버튼이 submit()기능을 트리거하는 이유는 무엇 입니까? 그리고 그것을 피하는 방법?

107 javascript  forms  angular  submit 

Angular 2 앱의 구성 요소 템플릿에서 DIV의 배경 이미지를 설정하고 싶습니다. 그러나 콘솔에 다음 경고가 계속 표시되고 원하는 효과를 얻지 못합니다 ... Angular2의 보안 제한으로 인해 동적 CSS 배경 이미지가 차단되는지 또는 HTML 템플릿이 손상되었는지 확실하지 않습니다. 이것은 내 콘솔에 표시되는 경고입니다 (img URL을 /img/path/is/correct.png다음과 같이 변경했습니다 . 경고 : …

107 typescript  angular  xss