Вопросы с тегом «angular»

У меня есть родительский компонент ( CategoryComponent ), дочерний компонент ( videoListComponent ) и ApiService. У меня большая часть этой работы работает нормально, т. Е. Каждый компонент может получить доступ к json api и получить соответствующие данные через наблюдаемые объекты. В настоящее время компонент списка видео только получает все видео, …

471 angular  angular2-changedetection 

После обновления до Angular 6.0.1 я получаю следующую ошибку ng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng updateговорит, что все в порядке. Удаление node_modulesпапки и новая npm installустановка тоже не помогли. Мой …

455 angular  angular-cli  angular6  angular-cli-v6 

Какая разница между @Componentи @Directiveв Angular? Кажется, что они оба выполняют одну и ту же задачу и имеют одинаковые атрибуты. Каковы случаи использования и когда отдавать предпочтение одному другому?

444 angular 

Я создал базовое приложение в Angular 2, но столкнулся со странной проблемой, когда я не могу внедрить службу в один из моих компонентов. Тем не менее, он отлично вписывается в любой из трех других компонентов, которые я создал. Для начала, это сервис: import { Injectable } from '@angular/core'; @Injectable() export …

431 angular  angular2-di 

Я ищу, чтобы обнаружить изменение маршрута в моем AppComponent. После этого я проверю глобальный токен пользователя, чтобы увидеть, вошел ли он в систему. Затем я могу перенаправить пользователя, если он не вошел в систему.

429 angular 

Я немного озадачен тем, как получить keyи valueобъекта в angular2 при использовании *ngForдля перебора объекта. Я знаю в angular 1.x есть синтаксис вроде ng-repeat="(key, value) in demo" но я не знаю, как сделать то же самое в angular2. Я пробовал что-то подобное, но безуспешно <ul> <li *ngFor='#key of demo'>{{key}}</li> </ul> …

426 angular  typescript  object 

Я хотел бы привязать элемент select к списку объектов - это достаточно просто: @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"}, {id: 4, name: …

410 html  angular 

Я пытаюсь понять Angular (иногда называемый Angular2 +), затем я наткнулся @Module: импорт Объявления Провайдеры После углового быстрого старта

388 angular  angular-module 

Я пишу угловой компонент, который имеет свойство Mode(): string. Я хотел бы иметь возможность установить это свойство программно, а не в ответ на любое событие. Проблема в том, что при отсутствии события браузера привязка шаблона {{Mode}}не обновляется. Есть ли способ вызвать это обнаружение изменений вручную?

387 angular  angular2-changedetection 

Я использую Angular 2 (TypeScript). Я хочу сделать что-то с новым выбором, но то, что я получаю, onChange()это всегда последний выбор. Как я могу получить новый выбор? <select [(ngModel)]="selectedDevice" (change)="onChange($event)"> <option *ngFor="#i of devices">{{i}}</option> </select> onChange($event) { console.log(this.selectedDevice); // I want to do something here with the new selectedDevice, but …

372 angular  typescript 

Есть ли умный способ вернуться на последнюю страницу в Angular 2? Что-то вроде this._router.navigate(LASTPAGE); Например, на странице C есть Go Backкнопка, Страница A -> Страница C, щелкните ее, чтобы вернуться на страницу A. Страница B -> Страница C, щелкните ее, чтобы вернуться на страницу B. Есть ли у роутера эта …

370 angular  angular2-routing 

После обновления с угловой 4.4 до 5.0 и после обновления всех HttpModule и Http до HttpClientModule я начал получать эту ошибку. Я также добавил HttpModule еще раз, чтобы убедиться, что это не из-за какой-то зависимости, но это не решает проблему В app.module у меня все правильно настроено import { HttpModule …

364 angular 

Что я делаю неправильно? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="let talk in talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], …

356 angular  angular2-directives 

Я пытаюсь использовать компонент автозаполнения Angular Material в своем проекте Angular 2. Я добавил следующее в мой шаблон. <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> Следующее - мой компонент. import {Component, OnInit} from "@angular/core"; import …

355 angular  typescript  angular-material2  angular-forms 

Как лучше всего связать Angular (версии 2, 4, 6, ...) для производства на живом веб-сервере. Пожалуйста, включите версию Angular в ответы, чтобы мы могли лучше отслеживать ее при переходе к более поздним версиям.

353 angular  webpack  systemjs  angular-cli