file:///main.4cc3c8d8152162fe9b99.bundle.js, например, т.е. вместо локального каталога ищет мой js файл в корне файловой системы, где его конечно же нет.
constructor (
private myService: MyService,
) {}
onMyButton() {
this.myService.triggerOnMyButton();
}constructor (
private myService: MyService,
) {}
ngOnInit() {
this.myService.trigger$.subscribe(() => this.myMethod());
}private _trigger = new Subject<void>();
get trigger$() {
return this._trigger.asObservable();
}
public triggerOnMyButton() {
this._trigger.next();
}@Injectable({
providedIn: 'root',
})
export class MyService {
public myVar$ = new Subject();
}<div>{{ myService.myVar$ | async}}</div>export class Comp1Component {
constructor(
public myService: MyService
) {}
}export class Comp2Component {
constructor(
public myService: MyService
) {}
myFunc(){
this.myService.myVar$.next(1000);
}
}<app-child #appChild (submit)="onSubmit($event)"></app-child>
<button (click)="goMessage()">send</button>@ViewChild('appChild') appChild: ChildComponent;
/** вызов метода потомка */
goMessage() {
this.appChild.send('hello from parent');
}
/** реакция на событие из потомка */
onSubmit(event) {
// проверка данных, заполнение полей, whatever
}@Output() submit = new EventEmitter<string>();
/** отправим полученную строку обратно наверх */
public send(message: string) {
this.submit.emit(message);
}Есть json, который выдает значение даты в виде 3:32 AM - 17 Aug 2018. Насколько я понимаю это строка. Можно ли как-то просто конвертировать ее в Aug 17 2018?
console.log(new Date(value)); - выдает Invalid date.
Чтобы два раза не ходить, как в ts файле компонента получить доступ к этой переменной line.date?
this.line.date
showPanel="false" isOpen="false"<mat-form-field class="example-full-width">
<input type="text" matInput placeholder="serch" [matAutocomplete]="auto" [formControl]="searchStr">
<mat-autocomplete #auto="matAutocomplete" showPanel="false" isOpen="false" *ngIf="films?.results?.length">
<mat-option (onSelectionChange)="selectedFilm(film)" *ngFor="let film of films.results" [value]="film.title">
<img class="example-option-img" aria-hidden [src]="getUrlImage(film.poster_path)" height="25">
<span>{{film.title}}</span>
</mat-option>
</mat-autocomplete>
</mat-form-field><!-- parent component html -->
<my-component [funcName]="'myFunc'" [items]="Items"></my-component>// my-component code
@Input() expressionName: string;
@Input() items: any[];
...
const results = this.items.map(item => this.service[funcName](item)); // $context = item