Define complex property with custom tag?

Question

Is this possible to pass complex property with custom elemment as follow.

customcomponent.ts

import { Component, forwardRef,Input } from '@angular/core';

@Component({
    selector: 'custom-div',
    template: `<div >
                    Custom Div {{content.value}}
                </div>`
})
export class MyDivComponent {
    @Input() content: any[] = [];
}

app.component.html

<custom-div [content]="content"></custom-div>

app.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'app',
    templateUrl: 'app.component.html',
})
export class AppComponent {
    content:any={};
    constructor(){
        this.content.value ="Compex property";        
    }
}

Instead of using like above possible to use like below

customcomponent.ts

import { Component, forwardRef,Input } from '@angular/core';

@Component({
    selector: 'custom-div',
    template: `<div >
        Custom Div {{content.value}}
            </div>`
})
export class MyDivComponent {
    @Input() content: any[] = [];
}

app.component.html

<custom-div [content.value]="content"></custom-div>

app.component.ts

  import { Component } from '@angular/core';

@Component({
    selector: 'app',
    templateUrl: 'app.component.html',
})
export class AppComponent {
    content:string;
    constructor() {
        this.content="Compex property";    
    }
}