Inserting Parameters into JS using Angular

Mon, 19 Jun 2017 14:43:01 GMT

Hopefully and elementary query for a web pro but I'm having difficulty dynamically inserting values into some inline JS using angular.

Code which works (Static variables):

Widget Code:

<lui-button ng-click="app.field('AFieldName').selectMatch('TheSearchValue', false)">Fixed</lui-button>

HTML Output

<button lui-class-list="classList" ng-transclude="" ng-click="app.field('AFieldName').selectMatch('TheSearchValue', false)" class="ng-isolate-scope lui-button"><span class="ng-scope">Fixed</span></button>

Code Which Does not work (dynamic):

Widget Code:

<lui-button ng-click="app.field('{{settings.FilterDimension}}').selectMatch('{{settings.FilterValue}}', false)">Dynamic</lui-button>

HTML Output:

The output code is exactly the same but it appears the JS is cached into memory before the fields are populated when using the dynamic methods with Chrome returning the error:

TypeError: Cannot read property 'select' of null

Is this a limitation of Anjular and should I use jQuery? If so, how would I put this in a widget?

All help much appreciated

thanks

Aaron

Re: Inserting Parameters into JS using Angular

soufaouz — Thu, 11 Oct 2018 15:23:37 GMT

Hello,

When inside ng-click, Angular already knows about your custum property, try to remove data biding {{}} as following:

<lui-button ng-click="app.field(settings.FilterDimension).selectMatch(settings.FilterValue)">Dynamic</lui-button>

Hope this helps !

Sofiane

topic Re: Inserting Parameters into JS using Angular in Integration, Extension & APIs

Inserting Parameters into JS using Angular

Re: Inserting Parameters into JS using Angular