{path: 'login', component: AuthComponent},
{path: 'shops', component: ListComponent},
{path: 'shops/:id', component: ItemComponent},let option: MdDialogConfig = new MdDialogConfig();//MdDialogConfig - это свойство
option.height = '500px';
option.width = '500px';
let dialogRef = this.dialog.open(ManagerComponent, option); // ManagerComponent - это компонента, которую
//открываем<input type="color" [(ng-model)]="backgroundColorStart"><br><br>
<input type="color" [(ng-model)]="backgroundColorEnd"><br><br>
<div
square
[style.background]="backgroundColor"
</div>export class App {
private _backgroundColorStart:string ="#fefcea"
get backgroundColorStart():string {
return this._backgroundColorStart;
}
set backgroundColorStart(theBar:string) {
this._backgroundColorStart = theBar;
this.backgroundColor="linear-gradient(to bottom right, "+theBar+", " +this.backgroundColorEnd+")"
console.log(this.backgroundColor);
}
private _backgroundColorEnd:string ="#fefcea"
get backgroundColorEnd():string {
return this._backgroundColorEnd;
}
set backgroundColorEnd(theBar:string) {
this._backgroundColorEnd = theBar;
this.backgroundColor="linear-gradient(to top, "+this.backgroundColorStart+", "+this.backgroundColorEnd+")"
console.log(this.backgroundColor);
}
}