技術

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

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

【ionic】Android build Error: Uh oh!(ええとああ!)

どうも中田です。 環境をいろいろとupdateしたら $ionic build …

Google Web Developers便利なコマンドラインAPIの使い方

こんにちは。佐藤です。 今回はGoogle Web Developersで使える …

Angularでセレクトボックスに色をつけたいとき

こんにちは。コーテッグのこやまです。 Angularでセレクトボックスが特定の値 …

no image

[Angular]リアクティブフォームのHTML側の記法

Angularのリアクティブフォームではtsファイル側でネストした構成を組むこと …

no image

【javascript】連想配列から特定の条件で新しい配列を作成する

こんにちは javascriptにはfilterという便利な関数があります。 例 …