add support for 'if' for attribute templates

googlearchive · Jan 9, 2015 · 8f23197 · 8f23197
1 parent 5f0b9b1
commit 8f23197
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/TemplateBinding.js b/src/TemplateBinding.js
@@ -135,7 +135,8 @@
     'template': true,
     'repeat': true,
     'bind': true,
-    'ref': true
+    'ref': true,
+    'if': true
   };
 
   var semanticTemplateElements = {

diff --git a/test/tests.js b/test/tests.js
@@ -2177,6 +2177,29 @@ suite('Template Instantiation', function() {
     });
   });
 
+  test('Attribute Template If', function(done) {
+    var div = createTestHtml(
+        '<template bind><table><tbody>' +
+          '<tr template if="{{falseItem}}"><td>Should be invisible</td></tr>' +
+          '<tr template if="{{trueItem}}"><td>Should be visible</td></tr>' +
+        '<tbody></table></template>')
+
+    var template = div.querySelector('template');
+    var m = {
+      falseItem: false,
+      trueItem: true
+    };
+    template.model = m;
+
+    then(function() {
+      var tbody = div.querySelector('tbody');
+      assert.strictEqual(3, tbody.childNodes.length);
+      assert.strictEqual('<td>Should be visible</td>',
+                         tbody.childNodes[2].innerHTML);
+      done();
+    });
+  });
+
   test('NestedIterateTableMixedSemanticNative', function(done) {
     if (!parserHasNativeTemplate) {
       done();