Вопросы с тегом «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 { …

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 …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Я пытаюсь выучить Angular 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] }) export …

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 } ]) и мой ребенок маршрут как …

237 typescript  angular 

Мы хотим использовать загрузчик 4 (4.0.0-alpha.2) в нашем приложении, созданном с помощью angular-cli 1.0.0-beta.5 (с узлом 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 

Я хотел бы выполнить некоторые задачи на основе события изменения размера окна (при загрузке и динамически). В настоящее время у меня есть 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); } } Как получить ширину и …

233 javascript  angular 

Я пытаюсь следовать документам на 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 

В чем разница между "ng-bootstrap" и "ngx-bootstrap"? Они связаны друг с другом? Или они просто параллельные реализации? Кто-то работал с ними обоими и может дать / объяснить плюсы и минусы обоих? Под «ng-bootstrap» я имею в виду https://ng-bootstrap.github.io/#/home и под "ngx-bootstrap" я имею в виду http://valor-software.com/ngx-bootstrap/ . Оба связаны с …

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 падает с: ИСКЛЮЧЕНИЕ: ошибки синтаксического анализа шаблона: невозможно связать с 'sectionvalue', поскольку оно не является известным собственным свойством (" ] data-sectionvalue = "{{section.value}}"> {{section.text}} …

229 angular  angular2-template 

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

229 angular  angular2-forms  angular-cli  tslint 

AngularJS имеет параметры &, где вы можете передать обратный вызов в директиву (например, способ обратных вызовов AngularJS . Можно ли передать обратный вызов как @Inputдля углового компонента (что-то вроде ниже)? Если нет, то что было бы ближе всего к тому, что AngularJS делает? @Component({ selector: 'suggestion-menu', providers: [SuggestService], template: ` …

228 angularjs  angular  typescript