<p>read article: {{idarticle}}</p>

<div  >

    <h1>Title: {{article.title}}</h1>

    <div><a href="/edit/{{article.idarticle}}" title="edit {{article.title}}" class="link_item">edit</a>

</div>

</div>

<div *ngIf="article">

    <p>read article: {{idarticle}}</p>

    <div>

        <h1>Title: {{article.title}}</h1>

        <div><a href="/edit/{{article.idarticle}}" title="edit {{article.title}}" class="link_item">edit</a>

        </div>

    </div>

</div>

ERROR TypeError: Cannot read properties of undefined (reading 'title')

    at ReadArticleComponent_Template (read-article.component.html:4:9)

    at executeTemplate (core.mjs:10534:9)

    at refreshView (core.mjs:10419:13)

    at refreshComponent (core.mjs:11480:13)

    at refreshChildComponents (core.mjs:10210:9)

    at refreshView (core.mjs:10469:13)

    at refreshEmbeddedViews (core.mjs:11434:17)

    at refreshView (core.mjs:10443:9)

    at refreshComponent (core.mjs:11480:13)

    at refreshChildComponents (core.mjs:10210:9)