Angular指令导致org.thymeleaf.exceptions.TemplateInputException

Question

我使用spring 4.2.5，thymeleaf 2.1.4。问题是当我Angular's directive中的Html时，会导致异常。

org.thymeleaf.exceptions.TemplateInputException

下面的Html代码

<input type="password" name="password" placeholder="Password" 
ng-minlength="6" ensure-same ng-required="true" required/>

问题是ng-minlength，ensure-same和required。怎么解决？

Answer 1

使用data-ng-minlength =“6”和required =“required”。

您需要在角度指令之前添加“data-”。默认情况下，angular会查找是否包含数据前缀，数据前缀是自定义属性的html标准。

顺便说一下，我强烈建议你不要混合角度和tymeleaf，如果不是绝对强制性的话。比spring（webserver / cdn）更容易让你的静态资产服务于其他东西，让spring只为json rest api提供角度访问。