حقل المستخدم لا يعمل في منفذ المكون الإضافي

مطور
1

أحاول إضافة حقل المستخدم هذا: user-fields/5 في منفذ الإخراج هذا: above-user-summary-stats. ولكنه لا يتم تحميله، إليك ملف hbs الذي أحاول استخدامه:

{{!-- عرض وتعديل حقل مستخدم مخصص (مثل "ملاحظة الملف الشخصي") لحقل المستخدم_5 --}}
{{#if this.fieldValue}}
  <div>
    <strong>ملاحظة الملف الشخصي:</strong> {{this.fieldValue}}
  </div>
{{else}}
  {{#if this.canEdit}}
    <div class="profile-note-display empty">
      <em>لم يتم تعيين ملاحظة للملف الشخصي</em>
    </div>
  {{/if}}
{{/if}}

{{#if this.canEdit}}
  {{#unless this.editing}}
    <button class="btn btn-primary btn-small" {{on "click" this.startEdit}}>
      {{#if this.fieldValue}}تعديل{{else}}إضافة{{/if}} ملاحظة للملف الشخصي
    </button>
  {{/unless}}
{{/if}}

{{#if this.editing}}
  <form {{on "submit" this.save}}>
    <textarea
      rows="4"
      style="width:100%;"
      value={{this.editValue}}
      {{on "input" this.updateEdit}}
      autofocus
    ></textarea>
    <br>
    <button type="submit" class="btn btn-primary btn-small">حفظ</button>
    <button type="button" class="btn btn-conditional btn-small" {{on "click" this.cancelEdit}}>إلغاء</button>
  </form>
{{/if}}

ما هي المشكلة المحتملة؟

إعجاب واحد (1)
2

لا أعتقد أن لدينا معلومات كافية للمساعدة بناءً على هذا القالب وحده. كيف يتم تعريف this.fieldValue؟

إذا أدخلت user_field_5 في إعداد الموقع Public user custom fields… يجب أن تكون قادرًا على الوصول إليه من منفذ المكون الإضافي هذا

إما في القالب الخاص بك مثل: {{@user.custom_fields.user_field_5}}

أو في ملف JavaScript الخاص بك كالتالي: this.args.user?.custom_fields?.user_field_5

إعجاب واحد (1)