Testing with ng-messages. needed 1.4.8 on dependecies to work

Author: DennisHalmstad

bower.json

@@ -24,9 +24,10 @@
   "dependencies": {
     "angular-schema-form": ">=0.8.13",
     "angular": "1.5.5",
-    "angular-material": "1.0.7",
-    "angular-animate": "1.4",
-    "angular-sanitize": "1.4"
+    "angular-material": "1.0.9",
+    "angular-animate": "1.5.5",
+    "angular-sanitize": "1.5.5",
+    "angular-messages": "1.5.5"
   },
   "devDependencies": {
     "angular-ui-ace": "~0.2.3",

examples/material-example.html

@@ -165,6 +165,7 @@ <h3>Schema</h3>
 <script src="../bower_components/angular-aria/angular-aria.js"></script>
 <script src="../bower_components/angular-animate/angular-animate.js"></script>
 <script src="../bower_components/angular-material/angular-material.js"></script>
+<script src="../bower_components/angular-messages/angular-messages.js"></script>
 <script type="text/javascript" src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
 <!-- <script type="text/javascript" src="../bower_components/angular-ui-sortable/sortable.js"></script>
 -->
@@ -175,7 +176,7 @@ <h3>Schema</h3>
 
 <script type="text/javascript">
 // @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt Expat
-var app = angular.module('test', ['schemaForm', 'ngMaterial', 'ui.ace'])
+var app = angular.module('test', ['schemaForm', 'ngMaterial', 'ui.ace','ngMessages'])
 
 app.config(function($mdThemingProvider, $mdDateLocaleProvider) {
   $mdThemingProvider.setDefaultTheme('default');

src/material-decorator.js

@@ -73,7 +73,7 @@
     };
 
     function sfMessagesNodeHandler() {
-      var html = '<div ng-if="ngModel.$invalid" ng-messages="ngModel.$error"><div sf-message ng-message></div></div>';
+      var html = '<div ng-if="ngModel.$invalid" ng-messages="ngModel.$error"><div sf-message></div></div>';
       var div = document.createElement('div');
       div.innerHTML = html;
       return div.firstChild;
@@ -82,7 +82,7 @@
     function sfMessagesBuilder(args) {
       var messagesDiv = args.fieldFrag.querySelector('[sf-messages]');
       if (messagesDiv && sfMessagesNode) {
-        var child = sfMessagesNode.cloneNode();
+        var child = sfMessagesNode.cloneNode(true);
         messagesDiv.appendChild(child);
       }
     };