externalized templates and styles (styles are still empty)
This commit is contained in:
parent
0cf6eeaedf
commit
dd4ffd9989
7 changed files with 25 additions and 22 deletions
0
app/app.component.css
Normal file
0
app/app.component.css
Normal file
3
app/app.component.html
Normal file
3
app/app.component.html
Normal file
|
@ -0,0 +1,3 @@
|
|||
<div>
|
||||
<den-inputarea></den-inputarea>
|
||||
</div>
|
|
@ -5,12 +5,10 @@ import {InputareaComponent} from "./inputarea.component";
|
|||
//import { SelectorComponent } from "./selector.component";
|
||||
|
||||
@Component({
|
||||
moduleId: module.id,
|
||||
selector: "den-app",
|
||||
template: `
|
||||
<div>
|
||||
<den-inputarea></den-inputarea>
|
||||
</div>
|
||||
`
|
||||
templateUrl: "app.component.html",
|
||||
styleUrls: ["app.component.css"]
|
||||
})
|
||||
export class AppComponent {
|
||||
// private inputAreas:InputareaComponent[] = [];
|
||||
|
|
0
app/inputarea.component.css
Normal file
0
app/inputarea.component.css
Normal file
8
app/inputarea.component.html
Normal file
8
app/inputarea.component.html
Normal file
|
@ -0,0 +1,8 @@
|
|||
<div id="wrapper-{{index}}" class="wrapper">
|
||||
<textarea id="input-{{index}}" class="input" (change)="update()" placeholder="Please enter your input ..."
|
||||
[(ngModel)]="conversion.content">{{conversion.content}}</textarea>
|
||||
<select id="type-{{index}}" class="conversion" (change)="convert($event)">
|
||||
<option id="-1">Select conversion ...</option>
|
||||
<option *ngFor="let c of conversions" id="{{c}}">Type {{ConversionType[c]}}</option>
|
||||
</select>
|
||||
</div>
|
|
@ -4,16 +4,10 @@ import { ConversionType } from "./conversiontype";
|
|||
|
||||
|
||||
@Component({
|
||||
moduleId: module.id,
|
||||
selector: "den-inputarea",
|
||||
template: `
|
||||
<div id="wrapper-{{index}}" class="wrapper">
|
||||
<textarea id="input-{{index}}" class="input" (change)="update()" placeholder="Please enter your input ..." [(ngModel)]="conversion.content">{{conversion.content}}</textarea>
|
||||
<select id="type-{{index}}" class="conversion" (change)="convert($event)">
|
||||
<option id="-1">Select conversion ...</option>
|
||||
<option *ngFor="let c of conversions" id="{{c}}">Type {{ConversionType[c]}}</option>
|
||||
</select>
|
||||
</div>
|
||||
`
|
||||
templateUrl: "inputarea.component.html",
|
||||
styleUrls: ["inputarea.component.css"]
|
||||
})
|
||||
export class InputareaComponent {
|
||||
public index:number = 0;
|
||||
|
|
Loading…
Reference in a new issue