Fix #49

Author: mike-marcacci

examples/bootstrap-example.html

@@ -35,9 +35,7 @@ <h1>Schema Form Example</h1>
   <div class="row">
     <div class="col-sm-4">
       <h3>The Generated Form</h3>
-      <form name="ngform" sf-model="modelData" sf-form="form" sf-schema="schema">
-      <div sf-decorator="{{decorator}}"></div>
-      </form>
+      <form name="ngform" sf-model="modelData" sf-form="form" sf-schema="schema" sf-decorator-name="{{decorator}}"></form>
       <h3>Model</h3>
       <pre ng-cloak>{{pretty()}}</pre>
     </div>
@@ -65,6 +63,8 @@ <h3>Schema</h3>
 
 <script type="text/javascript" src="../bower_components/angular/angular.js"></script>
 <script type="text/javascript" src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
+<!-- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script> -->
+<!-- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular-sanitize.js"></script> -->
 
 <script type="text/javascript" src="../bower_components/angular-ui-sortable/sortable.js"></script>
 <script type="text/javascript" src="../bower_components/angular-ui-ace/ui-ace.js"></script>

src/directives/schema-form.js

@@ -81,7 +81,7 @@ function($compile,  schemaForm,  schemaFormDecorators, sfSelect){
 
           //Create directives from the form definition
           angular.forEach(merged,function(obj,i){
-            var n = document.createElement(attrs.sfDecorator || snake_case(schemaFormDecorators.defaultDecorator,'-'));
+            var n = document.createElement(attrs.sfDecoratorName || snake_case(schemaFormDecorators.defaultDecorator,'-'));
             n.setAttribute('form','schemaForm.form['+i+']');
             frag.appendChild(n);
           });