ng-ifのelse句でコンポーネントのプロパティと名前重複

こんにちは、コーテッグのこやまです。

Angularを触っていたら、コンポーネントのプロパティの値を変えていないのに、
いつの間にかstringからobjectになっていました。
ngifのelse句の名前がcomponentのパラメーターと同じ名前のとき、
else句の方が優先されるようです。

tsファイル

export class MatchingProjectDetailComponent implements OnInit {
hoge: 'hogeString'
fuga: 'fugaString'
}

htmlファイル

<div *ngIf="project.important_line_judge; else hoge">
  <div>true</div>
<div>
<ng-template #hoge>
  <div>false</div>
<ng-template>


{{hoge}}
// [object Object]

{{fuga}}
// 'fugaString'

ngifではhtmlでの名前重複はもちろんダメですが、tsのプロパティも気をつけましょう。