fix v-repeat + custom element component

immissile · Dec 2, 2014 · 537fcf7 · 537fcf7
1 parent fe35b51
commit 537fcf7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/directives/repeat.js b/src/directives/repeat.js
@@ -112,7 +112,7 @@ module.exports = {
  $parent: this.vm
  })
  this.template = transclude(this.template, merged)
- this._linkFn = compile(this.template, merged)
+ this._linkFn = compile(this.template, merged, false, true)
  }
  } else {
  // to be resolved later

diff --git a/test/unit/specs/directives/repeat_spec.js b/test/unit/specs/directives/repeat_spec.js
@@ -141,6 +141,23 @@ if (_.inBrowser) {
  expect(el.innerHTML).toBe('<p>0 1</p><p>1 2</p><p>2 3</p><!--v-repeat-->')
  })
 
+ it('custom element component', function () {
+ var vm = new Vue({
+ el: el,
+ data: {
+ items: [{a:1}, {a:2}, {a:3}]
+ },
+ template: '<test-component v-repeat="items"></test-component>',
+ components: {
+ 'test-component': {
+ template: '<p>{{$index}} {{a}}</p>',
+ replace: true
+ }
+ }
+ })
+ expect(el.innerHTML).toBe('<p>0 1</p><p>1 2</p><p>2 3</p><!--v-repeat-->')
+ })
+
  it('nested repeats', function () {
  var vm = new Vue({
  el: el,