html property access

Question

Hi,from backend, I am I am assigning one value in alt of the html content. In front end I am accessing it in the following manner through dashboard.panels[i]..headerRef.split("alt=")[1].split("title")[0].replace(/['"]+/g, '').trim()on run time in console working fine, but in event I ma using in typecsript , it is showing headerRef. is not a property of panels. how can I access it ??? please help

Sharon Sanchez Selvaraj · Accepted Answer

Hi RakhiS, 
 
We have checked with your reported image. Please refer to the below solution as to how the above error can be resolved. 
 
Refer to the code snippet. 
 




   let elem: any = (<string>this.dashboard.panels[2].header) 
      .split('alt=')[1] 
      .split('title')[0] 
      .replace(/['"]+/g, '') 
      .trim(); 
    console.log(elem); 
 
 
Refer to the modified sample. 
 
https://stackblitz.com/edit/angular-dashboard-layout-html-iaaqpo?file=app.component.ts 
 
Refer to the below blog for more details regarding similar issues. 
 
https://stackoverflow.com/questions/52032591/error-property-split-does-not-exist-on-type-string-arraybuffer-property 
 
Please get back to us if you need further assistance. 
 
Regards, 
 Sharon Sanchez S.

Sharon Sanchez Selvaraj · Answer

Hi RakhiS, 
 
Greetings from Syncfusion Support. 
 
We have checked with your provided screenshots and the code snippets. We would like to inform that we don’t have any specific property related to headerRef in our component. So can you please provide the exact details on what does the term headerRef mean? And we have created a sample over here with the same code snippet inorder to obtain the alt attribute’s value from the panel’s header. 
 
Refer to the code snippet. 
 




 onSaveClick() { 
    let elem: any = this.dashboard.panels[2].header 
      .split('alt=')[1] 
      .split('title')[0] 
      .replace(/['"]+/g, '') 
      .trim(); 
    console.log(elem); 
  } 
 
 
Refer to the sample. 
 
https://stackblitz.com/edit/angular-dashboard-layout-html?file=app.component.ts 
 
If the issue persists, kindly modify the above sample similar to your scenario with clear details on the issue to provide a better solution.  
 
Please get back to us if you need further assistance. 
 
Regards, 
 
Sharon Sanchez S.

RakhiS · Answer

i am getting error property split does not exist, if you can see the pop up in screen shot.and in console getting :

Sharon Sanchez Selvaraj · Answer

Hi RakhiS, We checked with the provided screenshot. We would like to mention that the reported issue occurs when the specified header with the required attributes are not present within panels. As you can see in the below snippet shared earlier, the header has the below content. header: '

' So the split occurs based on that. The header content was given similar to the panel json header content shared in the forum. So can you please check with your panel header’s content as to how it’s obtained? Refer to the sample: https://stackblitz.com/edit/angular-dashboard-layout-html-iaaqpo?file=app.component.ts Refer to the screenshot as to how it is obtained in our end. If the issue persists, kindly modify the sample above to replicate your issue so that we can assist you promptly. Regards, Sharon Sanchez S.

RakhiS · Answer

Hi,In console I am getting the property (on run time), but I m not able to access it in code. Please have alook on my post once again last one