技術

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のプロパティも気をつけましょう。

-技術
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

関連記事

[Xcode] The executable was signed with invalid entitlements. でアプリを実機確認できない!

こんにちは。たなかです。 作ったiOSアプリを実機確認したくて、Xcodeからデ …

CentOS7でDocker内部からpingができない(外部通信できない)!

どうもなかたです CentOS7にDocker入れて、Docker内部から外に向 …

GooglePlayConsoleで「製品版として公開を開始」がグレーアウトして押せない!

こんにちは。田中です。 携わっていたアプリ開発案件ですが、ついに最初のリリースが …

no image

videoタグとIEの話

以前下記のようなコードでvideoの再生が終了したら別な動画をsrcにセットして …

no image

【Docker/Mac】Dockerコマンド

どうも中田です。 今回はDocker。 巷でよく話には出てましたが使ってみるとめ …