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

Я наткнулся на странный синтаксис присваивания внутри шаблона Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Похоже, что let-colи let-car="rowData"создать две новые переменные colиcar которые затем могут быть связаны внутри шаблона. Источник: https://www.primefaces.org/primeng/#/datatable/templating Что это за волшебство let-* синтаксис? Как это работает? В чем разница между let-somethingи let-something="something else"?

157 angular  angular2-template  primeng 

Я искал способ , чтобы передать параметры запроса в API вызова с новым HttpClientModule«s HttpClientи еще предстоит найти решение. Со старым Httpмодулем вы бы написали что-то вроде этого. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params }) } Это …

157 angular  typescript  http  lodash  angular-httpclient 

Машинописный код: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } …

156 angular  typescript  rxjs  angular6  rxjs6 

У меня есть два компонента следующим образом, и я хочу вызвать функцию из другого компонента. Оба компонента включены в третий родительский компонент с помощью директивы. Компонент 1: @component( selector:'com1' ) export class com1{ function1(){...} } Компонент 2: @component( selector:'com2' ) export class com2{ function2(){... // i want to call function …

156 angular  angular2-components 

Когда я собираю свой проект angular 7 с помощью --prod, у меня есть предупреждение о бюджетах. У меня есть проект angular 7, я хочу его построить, но у меня есть предупреждение: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB это детали чанка: chunk …

155 angular  build  production  ng-build 

В Angular у меня может быть такая форма: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> Внутри соответствующего контроллера я мог легко наблюдать за изменениями содержимого этой формы, например, так: function($scope) { $scope.model = {}; $scope.$watch('model', () => { // Model has updated }, true); } …

151 angular 

У меня есть этот модуль, который компонентизирует внешнюю библиотеку вместе с дополнительной логикой, не добавляя <script>тег непосредственно в index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Я заметил, что importспецификация ES6 является статической и разрешается во время переноса TypeScript, а …

151 javascript  angular  typescript  ecmascript-6 

Я читал краткий справочник по Angular 1 на 2 на веб-сайте Angular , и одна вещь, которую я не совсем понял, - это разница между этими специальными символами. Например, тот, который использует звездочки: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Здесь я понимаю, что символ хеша (#) определяет movieкак локальную переменную …

151 angular 

Я получил ошибку node_modules / rxjs / internal / types.d.ts (81,44): ошибка TS1005: ';' ожидается. после установки Angular 6. Проверьте ошибку: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

151 angular  typescript  build  installation  rxjs 

У меня есть собственный элемент: <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"> <md-icon>{{ type.icon }}</md-icon> <span>{{ type.description }}</span> </div> </div> Когда я пытаюсь добавить formControlName, я получаю сообщение об ошибке: ОШИБКА Ошибка: нет средства доступа к значению для элемента управления формы с именем: 'SurveyType' Пробовал добавить …

151 javascript  angular  typescript  angular4-forms 

У меня есть поле ВВОДА HTML. <input [(ngModel)]="item.value" name="inputField" type="text" /> и я хочу отформатировать его значение и использовать существующий канал: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... и получите сообщение об ошибке: Не может быть конвейера в выражении действия Как я могу использовать трубы в этом контексте?

151 angular  pipe  html-input  angular2-ngmodel 

ng-container упоминается в документации Angular 2, но нет объяснения, как это работает и каковы варианты использования. Это, в частности , упоминается в ngPluralи ngSwitchдирективы. Делает ли <ng-container>это то же самое <template>или зависит от того, была ли написана директива для использования одного из них? Являются <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> и <template …

150 angular  typescript  angular2-template 

Кажется, когда я создаю приложение Angular 2 с помощью Angular cli. Мой префикс компонента по умолчанию - это app-root для AppComponent. Теперь, когда я меняю селектор на другое, скажите "abc-root" @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) vscode предупреждает меня, [tslint] The selector of the component "AppComponent" should have …

150 angular 

Я пытаюсь протестировать свой угловой компонент 4.1.0 - export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store<AppStore>) { } } Однако простой тест «должен создать» вызывает эту загадочную ошибку …

149 angular  unit-testing  karma-jasmine  angular-cli 

Я пытаюсь загрузить событие из своего API до того, как компонент будет отрисован. В настоящее время я использую свою службу API, которую я вызываю из функции ngOnInit компонента. Мой EventRegisterкомпонент: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, …

149 typescript  angular  angular2-services  angular2-http