i writing app in nativescript using angular 2.
is possible define position of ng2 components in parent layout?
e.g. in test.component.ts, html layout file reads <label text="-" row="6" col="2" colspan="2"></label>. call <test-comp></test-comp> - works great , creates view want obviously, want component reusable.
so ideally able remove row , col info component , include test component in parent component <test-comp row="6" col="2"></test-comp>, have tried , doesn't work, renders component on top of gridlayout. there way achieve equivalent?
update:
so here solution have tried ...
test.component.ts:
import {component, input} "@angular/core"; @component({ selector: "test", templateurl: `components/test/test.html`, providers: [] }) export class test{ @input() labelrow: number; @input() labelcol: number; @input() labelcolspan: number; @input() labelrowspan: number; } test.html:
<image src="res://test" stretch="aspectfit" [row]="lablerow" [col]="labelcol" [colspan]="labelcolspan" [rowspan]="labelrowspan6"></image> parent.html:
<gridlayout columns="*, *, *, *" rows="15*, 5*, 20*, 5*, 5*, 5*, 5*, 20*, 20*" width="100%" height="100%" style.backgroundcolor="white"> <test [labelrow]="2" [labelcol]="0" [labelrowspan]="6" [labelcolspan]="2"></test> </gridlayout> however, test component display, in top left-hand corner of layout, not specified location...
i have answered question in issue in github. approach correct - there typo in template (lable instead of label).
