I'm currently developing an AngularJS application using markup in hiccup format. Here is a snippet of the markup:
<div modal-show modal-visible="showDialog" .........></div>
Below is the corresponding Hiccup I have created:
[:div.modal.fade
{ :modal-show
:modal-visible "showDialog"
:aria-hidden "true",
:aria-labelledby "terms-n-services-modal-label",
:role "dialog",
:tabindex "-1"}
[:div.modal-dialog
[:div.modal-content
[:div.modal-header
[:button.close
{:aria-hidden "true", :data-dismiss "modal", :type "button"}
"×"]
[:h4#terms-n-services-modal-label.modal-title "Terms & Services "]]
[:div.modal-body ""]
[:div.modal-footer
[:button.btn.btn-default
{:data-dismiss "modal", :type "button"}
"Close"]]]]]
However, I encountered an error while attempting to run my code:
java.lang.RuntimeException: Map literal must contain an even number of forms, compiling
I understand that the map literal cannot handle :modal-show without its corresponding value/right-hand side to form a key-value pair.
What would be the best approach to resolve this issue? Should I simply assign an empty string or null as the value?