diff --git a/lib/components/base.js b/lib/components/base.js
index 11904dab..a4df8f35 100644
--- a/lib/components/base.js
+++ b/lib/components/base.js
@@ -1,6 +1,6 @@
 'use strict';
 import {Component, View, OnInit, ChangeDetectionStrategy} from 'angular2/core';
-import {CORE_DIRECTIVES} from 'angular2/common';
+import {CORE_DIRECTIVES, JsonPipe} from 'angular2/common';
 import SchemaManager from '../utils/SchemaManager';
 import JsonPointer from '../utils/JsonPointer';
 import {MarkedPipe, JsonPointerEscapePipe} from '../utils/pipes';
@@ -33,7 +33,7 @@ function safeConcat(a, b) {
 export function RedocComponent(options) {
   let inputs = safeConcat(options.inputs, commonInputs);
   let directives = safeConcat(options.directives, CORE_DIRECTIVES);
-  let pipes = safeConcat(options.pipes, [JsonPointerEscapePipe, MarkedPipe]);
+  let pipes = safeConcat(options.pipes, [JsonPointerEscapePipe, MarkedPipe, JsonPipe]);
 
   return function decorator(target) {