Typescript , Textbox

Question

Hi everybody,

 

I am using TypeScript:

 View:

[code]

 

@* Plaats *@

<!-- ko foreach: woonplaats -->

<br />

<br />

<div class="form-group" data-bind="validationHighlight: woonplaats">

<label for="woonplaats" class="control-label col-sm-4 col-md-3 col-xl-2">

<!-- ko if: $index() === 0 -->

Woonplaats

</label>

<div class="col-sm-8 col-md-3 col-xl-4">

<input id="woonplaats" class="form-control" data-bind="value: woonplaats, disable:true" />

<!-- /ko -->

</div>

</div>

<!-- /ko -->

[/code] 

 

and TypeScript:

 

[code]

 

private getPlaatsnaamPatient(plaatsnaam:string):string<PatiendDossierOverViewModel> {

 return plaatsnaam.toString.(plaatsnaam => new PatiendDossierOverViewModel(plaatsnaam));

}

 

export class PatiendDossierOverViewModel {

constructor(patientData) {

this.plaatsnaam = ko.observable(patientData.Woonplaats)

}

public plaatsnaam: KnockoutObservable<string>;

}

 

[/code] 

 

What I want to achieve :

 

If there is a value in the textbox then the textbox is showing. But if there is no value then the textbox has to be hidden.

 

Thank you