add support for translating directly into the element

By specifying the "content" attribute in a translate-child attribute
list the translated text will be added directly to the element using
`element.html()`. This is useful in cases where you need the translation
to occur before another directive which has a higher priority than the
default translate directive.

Author: llwt

bower.json

@@ -3,7 +3,7 @@
   "main": [
     "dist/angular-devtrw-translate.js"
     ],
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Provides translate-base and translate-child directives for angular-translate",
   "authors": [
     "Steven Nance <steven@devtrw.com>"

demo/index.html

@@ -119,6 +119,12 @@ <h4>exclude parent translate base</h4>
       </div>
     </div>
 
+    <div class="example">
+      <h4>using special "content" attribute</h4>
+      <hr>
+      <p translate-child="(content)=DIRECT_CONTENT"></p>
+    </div>
+
   </div>
 
   <script src="../node_modules/angular/angular.js"></script>
@@ -141,6 +147,8 @@ <h4>exclude parent translate base</h4>
               }
             },
             examples: {
+              DIRECT_CONTENT: 'This text it translated directly into the element instead of using ' +
+                              'the <b>translate</b> attribute',
               GOOGLE_LINK: {
                 TEXT: 'Google Search'
               },

dist/angular-devtrw-translate.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-devtrw-translate",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "author": "Steven Nance <steven@devtrw.com>",
   "homepage": "https://github.com/devtrw/angular-devtrw-translate",
   "repository": {

dist/angular-devtrw-translate.min.js

@@ -1,8 +1,14 @@
 function dtrwTranslateChildDirective($compile, $translate) {
 
   function setValueForAttrs(element, targetAttrs, value) {
-    targetAttrs.forEach((targetAttrs) => {
-      element.attr(targetAttrs, value);
+    targetAttrs.forEach((targetAttr) => {
+      // allow directly setting the content of an element, essentially the same as using
+      // the translate filter within the element
+      if ('content' === targetAttr) {
+        element.html(value);
+      } else {
+        element.attr(targetAttr, value);
+      }
     });
   }