كيف يمكن عمل {{ab}} في الزاوية

2

أنا مبتدئ مع الطباعة والزاوية.

1. في ملف app.component.ts

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

@Component({

  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements Oninit {
  title = 'Tour of Heroes';
  a = {"hello":"world", "nice": "day"};
  b = "hello";
  c = "nice";
  d : string;

 ngOnInit(): void{ 
   this.d = this.b;  //or this.d = this.c;
 }
}

2.in app.component.html

{{a.b}}  // actually i want it print "world" or "day" 

كيف يمكنني أن أجعل {{أب}} طباعة "العالم"؟

تم الرد بواسطة "vishnu s pillai" و "محمد البرماوي": يمكن استخدام الكائن ['propertyName'] var لذا {{a [b]}} هي الإجابة

2 الاجابة

1
افضل جواب
a = {"hello":"world"};
b = "hello";
{{a.b}} // undefined
{{a[b]}} //world

إذا كنت تريد استخدام المتغيرات لتوجيه مفاتيح الكائن في html ، فاستخدم تدوين القوس.

لذا يجب عليك استخدام {{a [b]}} بدلاً من {{ab}}

:مؤلف
0

في جافا سكريبت يمكنك الوصول إلى أي خاصية كائن بواسطة object.propertyName أو تدوين الأقواس مثل هذا object['propertyName']

في app.component.html ، اكتب مثل هذا {{a[b]}} أو {{a.hello}}

اقرأ المزيد عن أدوات الوصول إلى العقارات

:مؤلف
فوق
قائمة طعام