«angular» 태그된 질문

ViewChild를 시도 할 때 오류가 발생합니다. 오류는 " 'opts'에 대한 인수가 제공되지 않았습니다."입니다. @ViewChild 모두 오류가 발생했습니다. import { Component, OnInit, ElementRef, ViewChild, Output, EventEmitter } from '@angular/core'; import { Ingredient } from 'src/app/shared/ingredient.model'; @Component({ selector: 'app-shopping-edit', templateUrl: './shopping-edit.component.html', styleUrls: ['./shopping-edit.component.css'] }) export class ShoppingEditComponent implements OnInit { @ViewChild('nameInput') nameInputRef: …

249 angular  typescript 

답변이 허용되는 답변 인 경우 확인 표시를 표시하려고합니다. template: `<div ngIf="answer.accepted">✔</div>` 하지만이 오류가 발생합니다. EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) 내가 뭘 잘못하고 있죠?

247 angular  angular2-template 

Angular에서 위임 패턴과 같은 것을 구현하려고합니다. 사용자가를 클릭 nav-item하면 함수를 호출하고 이벤트를 내보내는 이벤트를 내보내고 이벤트를 수신하는 다른 구성 요소가 처리해야합니다. 시나리오는 다음과 같습니다. Navigation구성 요소가 있습니다. import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other properties left out for brevity events : ['navchange'], template:` <div class="nav-item" (click)="selectedNavItem(1)"></div> ` }) …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Angular 2를 배우려고합니다. @ViewChild Annotation을 사용하여 부모 구성 요소에서 자식 구성 요소에 액세스하고 싶습니다 . 다음은 몇 줄의 코드입니다. 에서 BodyContent.ts 내가 가진 : import {ViewChild, Component, Injectable} from 'angular2/core'; import {FilterTiles} from '../Components/FilterTiles/FilterTiles'; @Component({ selector: 'ico-body-content' , templateUrl: 'App/Pages/Filters/BodyContent/BodyContent.html' , directives: [FilterTiles] }) export class BodyContent { @ViewChild(FilterTiles) ft:FilterTiles; …

242 typescript  angular 

Angular 2에서 마우스 이벤트 전파를 중지하는 가장 쉬운 방법은 무엇입니까? 특별한 $event물건을 전달 하고 stopPropagation()직접 전화 해야하거나 다른 방법이 있어야합니다. 예를 들어 Meteor false에서는 이벤트 핸들러에서 간단히 반환 할 수 있습니다 .

239 angular  dom-events  event-propagation 

angular2.0.0-beta.7을 사용합니다. 구성 요소가 경로에로드되면 구성 요소가로 경로 /path?query=value1재 지정됩니다 /path. GET 매개 변수가 제거 된 이유는 무엇입니까? 매개 변수를 어떻게 보존 할 수 있습니까? 라우터에 오류가 있습니다. 내가 같은 주요 경로가 있다면 @RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent } ]) 내 아이 루트는 @RouteConfig([ { path: '/', …

237 typescript  angular 

angular-cli 1.0.0-beta.5 (w / 노드 v6.1.0)로 생성 된 앱에서 부트 스트랩 4 (4.0.0-alpha.2)를 사용하려고합니다. npm으로 부트 스트랩과 그 종속성을 얻은 후 첫 번째 접근 방식은 다음과 같이 추가했습니다 angular-cli-build.js. 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', 그리고 우리의 수입 index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> 이것은 잘 작동 ng …

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

https://material.angular.io/components/component/dialog에 있는 문서를 따르려고 하는데 왜 아래 문제가 있는지 이해할 수 없습니까? 내 구성 요소에 아래를 추가했습니다. @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } 내 모듈에서 나는 추가했다 import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, HomeComponent, DialogResultExampleDialog …

232 angular  angular-material 

창 크기 조정 이벤트 (로드 및 동적)를 기반으로 일부 작업을 수행하고 싶습니다. 현재 다음과 같이 내 DOM이 있습니다. <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> 이벤트가 올바르게 시작됩니다 export class AppComponent { onResize(event) { console.log(event); } } 이 이벤트 객체에서 너비와 높이를 어떻게 검색합니까? 감사.

232 javascript  angular 

"ng-bootstrap"과 "ngx-bootstrap"의 차이점은 무엇입니까? 그들은 서로 관련이 있습니까? 아니면 단순히 동시 구현입니까? 누군가가 그들과 함께 일했고 둘 다의 장단점을 줄 수 있습니까? "ng-bootstrap"이란 https://ng-bootstrap.github.io/#/home을 의미 하며 "ngx-bootstrap"이란 http://valor-software.com/ngx-bootstrap/을 의미 합니다. Angular 4 ( AngularJS! 아님) 및 Bootstrap 4와 관련이 있습니다. 제발 참고이 경악 그 하지 의 중복 질문 NGX-부트 스트랩과 …

231 angular  ng-bootstrap  ngx-bootstrap 

typescript 바인딩과 함께 사용하려고했습니다. npm install moment --save typings install moment --ambient -- save test.ts : import {moment} from 'moment/moment'; 그리고없이 : npm install moment --save test.ts : var moment = require('moment/moment'); 그러나 moment.format ()을 호출하면 오류가 발생합니다. 간단해야합니까, 누구나 작동하는 명령 줄 / 가져 오기 조합을 제공 할 수 …

231 typescript  angular 

Angular 4 앱을 테스트하기 위해 모의 웹 서비스를 구축하는 데 사용할 수있는 것은 무엇입니까?

229 angular  angular-httpclient  angular2-http 

data attribute내에서 를 사용하려고 template하면 다음과 같이하십시오. <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 충돌 : 예외 : 템플릿 구문 분석 오류 : 'sectionvalue'에 알려진 기본 속성이 아니기 때문에 'sectionvalue'에 바인딩 할 수 없습니다 ( " ] data-sectionvalue = "{{section.value}}"> {{section.text}} …

229 angular  angular2-template 

보푸라기 오류 메시지 : src / app / detail / edit / edit.component.ts [111, 5] : for (... in ...) 문은 if 문으로 필터링해야합니다 코드 스 니펫 (작동 코드이며 angular.io 양식 유효성 검사 섹션 에서도 사용할 수 있습니다 ) : for (const field in this.formErrors) { // clear previous error …

229 angular  angular2-forms  angular-cli  tslint 

"ng destroy component foo"를 사용하려고했는데 "angular-CLI에서 destroy 명령이 지원되지 않습니다"라고 알려줍니다. Angular CLI를 사용하여 구성 요소를 올바르게 삭제하는 방법

227 angular  angular-cli