I’m unable to bind to the first error of a validation controller. But I can iterate the errors just fine.
In the first ‘p’ tag I have two variations of binding. Neither works by itself as well. Everything within the ‘ul’ works just fine. My use case is I don’t want to clutter the page with multiple validation errors.
<div if.bind="validationController.errors">
<p textcontent.bind="validaitonController.errors[0].message">${validationController.errors[0].message}</p>
<ul if.bind="validationController.errors">
<li repeat.for="error of validationController.errors">
<p textcontent.bind="error.message"></p>
</li>
</ul>
</div>