support filters in partials (close vuejs#735)

yyx990803 · yyx990803 · commit 5288d7f1bbde · 2015-04-26T17:12:04.000-04:00
diff --git a/src/directives/partial.js b/src/directives/partial.js
@@ -39,6 +39,10 @@ module.exports = {
     var partial = this.vm.$options.partials[id]
     _.assertAsset(partial, 'partial', id)
     if (partial) {
+      var filters = this.filters && this.filters.read
+      if (filters) {
+        partial = _.applyFilters(partial, filters, this.vm)
+      }
       this.compile(templateParser.parse(partial, true))
     }
   }
diff --git a/test/unit/specs/directives/partial_spec.js b/test/unit/specs/directives/partial_spec.js
@@ -111,5 +111,25 @@ if (_.inBrowser) {
       })
     })
 
+    it('partial with filters', function () {
+      var vm = new Vue({
+        el: el,
+        template: '<div>{{>test | replace}}</div>',
+        partials: {
+          test: '{{a}}'
+        },
+        data: {
+          a: 'A',
+          b: 'B'
+        },
+        filters: {
+          replace: function () {
+            return '{{b}}'
+          }
+        }
+      })
+      expect(el.innerHTML).toBe('<div>' + wrap('B') + '</div>')
+    })
+
   })
 }

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,10 @@ module.exports = {`
`39`	`39`	`var partial = this.vm.$options.partials[id]`
`40`	`40`	`_.assertAsset(partial, 'partial', id)`
`41`	`41`	`if (partial) {`
	`42`	`+ var filters = this.filters && this.filters.read`
	`43`	`+ if (filters) {`
	`44`	`+ partial = _.applyFilters(partial, filters, this.vm)`
	`45`	`+ }`
`42`	`46`	`this.compile(templateParser.parse(partial, true))`
`43`	`47`	`}`
`44`	`48`	`}`