Typescript Class as a Member Variable in Angular?

Question

I'm learning Angular and TypeScript and I have a question or two.

With TypeScript can you have one class/object be the variable type for an other object as shown below? If so how do you reference the all of the members using Angular.

/* begin cmsfiles.ts */

export class CMSFiles {
  fileID: number;
  fileDateTime: Date;
  fileName: string;
  description: string;
}
/* end cmsfiles.ts */

/* begin news.ts */

import { CMSFiles } from './cmsfiles';

export class News {
  newsID: number;
  postDateTime: Date;
  title: string;
  body: string;
  file1: CMSFiles;
  file2: CMSFiles;
}
/* end news.ts */

In the Angular template I will need to use something like this:

<input [(ngModel)]="news.file1.Title" placeholder="title" />

How can I achieve this?

The field Title doesn't exist on CMSFiles. Did you mean fileName? — chrisbajorin
– chrisbajorin, Commented Jan 11, 2017 at 19:37

toskv · Accepted Answer · 2017-01-11 19:31:51Z

1

Classes define types. Those types can be used wherever any of the default types can be used.

In short yes.

answered Jan 11, 2017 at 19:31

toskv

31.8k7 gold badges77 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user7269701 Over a year ago

do you know if <input [(ngModel)]="news.file1.fileName" placeholder="fileName" /> is correct syntax?

toskv Over a year ago

if the properties of the CMSFiles class are public yes. :) It's just normal js notation

Collectives™ on Stack Overflow

Typescript Class as a Member Variable in Angular?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related