Yes, you can use client-side {{ variable }} syntax (AngularJS, LiquidJS, Mustache, etc.) on Marketo LPs
Extending an earlier post on standard JavaScript ${template strings} on Marketo LPs, here’s how to use near-standard {{ variable }} syntax.
Say you want to use AngularJS to create highly dynamic LPs, or even single-page apps, hosted on Marketo. (May not be a common ask, but it is technically feasible!)
You might declare a little ng-app like this:
<div ng-app="">
<p>First Name: <input type="text" ng-model="firstName" /></p>
<p>Last Name: <input type="text" ng-model="lastName" /></p>
<h1>Hello {{ firstName }} {{ lastName }}!</h1>
</div>
Problem is, you won’t be able to approve the LP:
The popup doesn’t provide details, but the root cause is the super common {{ }} delimiters, which Marketo reserves for internal use: that’s how we deploy {{lead.tokens}}, {{my.tokens}}, and so on! Yet you aren’t using a valid dot.ted variable name inside them, so it’s a syntax error.
Seeing the error is good ac
