Запитання з тегом «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: ElementRef; …

249 angular  typescript 

Я намагаюся показати галочку, якщо відповідь є прийнятою відповіддю: template: `<div ngIf="answer.accepted">✔</div>` Але я отримую цю помилку: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Що я роблю неправильно?

247 angular  angular2-template 

Я намагаюся реалізувати щось подібне до моделі делегування в Angular. Коли користувач натискає на a nav-item, я хотів би викликати функцію, яка потім випромінює подію, яка повинна, в свою чергу, оброблятися деяким іншим компонентом, який прослуховує подію. Ось сценарій: у мене є Navigationкомпонент: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Я намагаюся вивчити Кутовий 2. Я хотів би отримати доступ до дочірнього компонента з батьківського компонента за допомогою анотації @ViewChild . Ось кілька рядків коду: У 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] }) …

242 typescript  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 } ]) і моєму дитячому маршруту …

237 typescript  angular 

Ми хочемо використовувати bootstrap 4 (4.0.0-alpha.2) у нашому додатку, згенерованого за допомогою angular-cli 1.0.0-beta.5 (w / node v6.1.0). Після отримання завантажувальної програми та її залежностей від 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 …

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: …

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 …

231 angular  ng-bootstrap  ngx-bootstrap 

Я намагався використовувати його з прив'язками машинопису: 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 збої з: ВИХІД: Помилки розбору шаблонів: Неможливо прив’язати до 'valuevalue', оскільки це не відома рідна властивість (" ] data-sectionvalue = "{{section.value}}"> {{section.text}} Мені, очевидно, щось не …

229 angular  angular2-template 

Повідомлення про помилку обличчя: src / app / деталь / edit / edit.component.ts [111, 5]: для (... in ...) операторів потрібно відфільтрувати з оператором if Фрагмент коду (Це робочий код. Він також доступний у розділі перевірки форми angical.io ): for (const field in this.formErrors) { // clear previous error message …

229 angular  angular2-forms  angular-cli  tslint 

Я спробував використовувати "ng знищити компонент foo", і це говорить мені "Команда знищення не підтримується Angular-CLI" Як ми правильно видаляємо компоненти за допомогою Angular CLI?

227 angular  angular-cli