include html in custom page

---

This has been addressed, but obliquely... what we are trying to accomplish is, in our designer page, have ma container, object point gets, and then include the main body html from a file:

<div class="ma-designer-root" id="6d41eb7c-475e-48df-9132-056d861a617d" style="width: 1366px; height: 768px; position: relative;">
    <div ng-init="page = {}"></div>

    <ma-watch-list-get ng-model="indicatorWl.watchlist" parameters="indicatorWl.parameters" on-points-change="page.points = $points" id="wl-indicator-id" watch-list-xid="WL_Indicator">
    </ma-watch-list-get>

    <ma-get-point-value points="page.points"></ma-get-point-value>
    //path to hmi.html here:
    <ng-include src="'./hmi.html'"></nginclude>
<div>

Our "hmi.html" file is in /overrides/web/modules/mangoUI/web/dev, along with our userModule.js and customCSS.css files.

any thoughts on how to set up ng-include here? (other than route provider...) - or do I need to use a component for this?

-This so we can edit outside of ace editor...

Thanks.

At first glance, set your ng-include source to use the full path otherwise it won't render full stop:

/modules/mangoUI/web/dev/hmi.html

because using

'./hmi.html'

Will look up that file in the same point as your url, which is incorrect:

https://mangoDomani.com/ui/watchlist-page

->

https://mangoDomani.com/ui/watchlist-page/hmi.html <!-- NOT CORRECT LOCATION -->


``

Thanks, @MattFox. I attempted that, I think - but now have a situation where no text shows in ace or json store editor... css is right, but not sure what's going on here. Even upgraded to 3.7.4... when I sort that out I'll try your fix.

@MattFox - posted issue in Mango Feedback, should you have any thoughts.