- Removed all the hardcoded interpolation characters in the template files.

- Created default-input.js as a workaround to set placeholder and type attributes.

Author: MattRawson

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 coverage
 bower_components
+.idea

src/directives/decorators/bootstrap/actions.html

@@ -1,11 +1,11 @@
 <div class="btn-group">
   <input ng-repeat-start="item in form.items"
          type="submit"
-         class="btn {{ item.style || 'btn-primary' }}"
-         value="{{item.title}}"
+         class="btn" ng-class="item.style || 'btn-primary'"
+         ng-value="item.title"
          ng-if="item.type === 'submit'">
-  <button ng-repeat-end class="btn {{ item.style || 'btn-default' }}"
+  <button ng-repeat-end class="btn" ng-class="item.style || 'btn-default'"
           type="button"
           ng-if="item.type !== 'submit'"
-          ng-click="buttonClick($event,item)">{{item.title}}</button>
+          ng-click="buttonClick($event,item)" ng-bind="item.title"></button>
 </div>

src/directives/decorators/bootstrap/array.html

@@ -1,5 +1,5 @@
 <div sf-array="form" ng-model="$$value$$" ng-model-options="form.ngModelOptions">
-  <h3 ng-show="form.title && form.notitle !== true">{{ form.title }}</h3>
+  <h3 ng-show="form.title && form.notitle !== true" ng-bind="form.title"></h3>
   <ol class="list-group" ng-model="modelArray" ui-sortable>
     <li class="list-group-item" ng-repeat="item in modelArray track by $index">
       <button ng-click="deleteFromArray($index)"
@@ -13,9 +13,9 @@ <h3 ng-show="form.title && form.notitle !== true">{{ form.title }}</h3>
   <div class="clearfix" style="padding: 15px;">
     <button ng-click="appendToArray()"
             type="button"
-            class="btn {{ form.style.add || 'btn-default' }} pull-right">
+            class="btn pull-right" ng-class="form.style.add || 'btn-default'">
       <i class="glyphicon glyphicon-plus"></i>
-      {{ form.add || 'Add'}}
+      <span ng-bind="form.add || 'Add'"></span>
     </button>
   </div>
   <div class="help-block"

src/directives/decorators/bootstrap/bootstrap-decorator.js

@@ -46,7 +46,7 @@ angular.module('schemaForm').config(['schemaFormDecoratorsProvider', function(de
     input: base + 'default.html',
     radios: base + 'radios.html',
     'radios-inline': base + 'radios-inline.html',
-    radiobuttons: base + 'radio-buttons.html',
+    radiobuttons: base + 'radio-buttons.html'
   });
 
 }]).directive('sfFieldset', function() {

src/directives/decorators/bootstrap/checkboxes.html

@@ -1,5 +1,5 @@
 <div sf-array="form" ng-model="$$value$$" class="form-group" ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
-  <label class="control-label" ng-show="showTitle()">{{form.title}}</label>
+  <label class="control-label" ng-show="showTitle()" ng-bind="form.title"></label>
   <div class="checkbox" ng-repeat="val in titleMapValues track by $index" >
     <label>
       <input type="checkbox"

src/directives/decorators/bootstrap/default.html

@@ -1,10 +1,11 @@
 <div class="form-group" ng-class="{'has-error': hasError(), 'has-success': hasSuccess(), 'has-feedback': form.feedback !== false }">
-  <label class="control-label" ng-show="showTitle()">{{form.title}}</label>
+  <label class="control-label" ng-show="showTitle()" ng-bind="form.title"></label>
 
   <input ng-show="form.key"
-         type="{{form.type}}"
+         sf-default-input
+         sf-type="form.type"
+         sf-placeholder="form.placeholder"
          sf-changed="form"
-         placeholder="{{form.placeholder}}"
          class="form-control"
          ng-model-options="form.ngModelOptions"
          ng-model="$$value$$"

src/directives/decorators/bootstrap/fieldset-trcl.html

@@ -1,5 +1,5 @@
 <fieldset ng-disabled="form.readonly">
-  <legend ng-show="form.title">{{ form.title }}</legend>
+  <legend ng-show="form.title" ng-bind="form.title"></legend>
   <div class="help-block" ng-show="form.description" ng-bind-html="form.description"></div>
   <div ng-transclude></div>
 </fieldset>

src/directives/decorators/bootstrap/fieldset.html

@@ -1,5 +1,5 @@
 <fieldset ng-disabled="form.readonly">
-  <legend ng-show="form.title">{{ form.title }}</legend>
+  <legend ng-show="form.title" ng-bind="form.title"></legend>
   <div class="help-block" ng-show="form.description" ng-bind-html="form.description"></div>
   <sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator>
 </fieldset>

src/directives/decorators/bootstrap/radio-buttons.html

@@ -1,9 +1,9 @@
 <div class="form-group" ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
   <div>
-    <label class="control-label" ng-show="showTitle()">{{form.title}}</label>
+    <label class="control-label" ng-show="showTitle()" ng-bind="form.title"></label>
   </div>
   <div class="btn-group">
-    <label class="btn {{ (item.value === $$value$$) ? form.style.selected || 'btn-primary' : form.style.unselected || 'btn-primary'; }}"
+    <label class="btn" ng-class="(item.value === $$value$$) ? form.style.selected || 'btn-primary' : form.style.unselected || 'btn-primary'"
            ng-class="{ active: item.value === $$value$$ }"
            ng-repeat="item in form.titleMap">
       <input type="radio"

src/directives/decorators/bootstrap/radios-inline.html

@@ -1,5 +1,5 @@
 <div class="form-group" ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
-  <label class="control-label" ng-show="showTitle()">{{form.title}}</label>
+  <label class="control-label" ng-show="showTitle()" ng-bind="form.title"></label>
   <div>
       <label class="radio-inline" ng-repeat="item in form.titleMap" >
       <input type="radio"