TypeScript common.JsonPipe類代碼示例

本文整理匯總了TypeScript中@angular/common.JsonPipe類的典型用法代碼示例。如果您正苦於以下問題：TypeScript JsonPipe類的具體用法？TypeScript JsonPipe怎麽用？TypeScript JsonPipe使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。

在下文中一共展示了JsonPipe類的6個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: describe

  describe('JsonPipe', () => {
    var regNewLine = '\n';
    var inceptionObj: any;
    var inceptionObjString: string;
    var pipe: JsonPipe;

    function normalize(obj: string): string { return StringWrapper.replace(obj, regNewLine, ''); }

    beforeEach(() => {
      inceptionObj = {dream: {dream: {dream: 'Limbo'}}};
      inceptionObjString = '{\n' +
          '  "dream": {\n' +
          '    "dream": {\n' +
          '      "dream": "Limbo"\n' +
          '    }\n' +
          '  }\n' +
          '}';


      pipe = new JsonPipe();
    });

    describe('transform', () => {
      it('should return JSON-formatted string',
         () => { expect(pipe.transform(inceptionObj)).toEqual(inceptionObjString); });

      it('should return JSON-formatted string even when normalized', () => {
        var dream1 = normalize(pipe.transform(inceptionObj));
        var dream2 = normalize(inceptionObjString);
        expect(dream1).toEqual(dream2);
      });

      it('should return JSON-formatted string similar to Json.stringify', () => {
        var dream1 = normalize(pipe.transform(inceptionObj));
        var dream2 = normalize(Json.stringify(inceptionObj));
        expect(dream1).toEqual(dream2);
      });
    });

    describe('integration', () => {
      it('should work with mutable objects',
         inject(
             [TestComponentBuilder, AsyncTestCompleter],
             (tcb: TestComponentBuilder, async: AsyncTestCompleter) => {
               tcb.createAsync(TestComp).then((fixture) => {
                 let mutable: number[] = [1];
                 fixture.debugElement.componentInstance.data = mutable;
                 fixture.detectChanges();
                 expect(fixture.debugElement.nativeElement).toHaveText('[\n  1\n]');

                 mutable.push(2);
                 fixture.detectChanges();
                 expect(fixture.debugElement.nativeElement).toHaveText('[\n  1,\n  2\n]');

                 async.done();
               });
             }));
    });
  });

開發者ID:AngularLovers，項目名稱:angular，代碼行數:59，代碼來源:json_pipe_spec.ts

示例2: it

 it("should throw when using normal Json pipe for circular structures", () => {
   let o: any = {};
   o.a = o;
   let pipe = new JsonPipe();
   let fn = () => {
     pipe.transform(o);
   };
   expect(fn).toThrow(new TypeError('Converting circular structure to JSON'));
 });

開發者ID:matiboy，項目名稱:angular2-prettyjson，代碼行數:9，代碼來源:json.pipe.spec.ts

示例3: describe

  describe('JsonPipe', () => {
    const regNewLine = '\n';
    let inceptionObj: any;
    let inceptionObjString: string;
    let pipe: JsonPipe;

    function normalize(obj: string): string { return obj.replace(regNewLine, ''); }

    beforeEach(() => {
      inceptionObj = {dream: {dream: {dream: 'Limbo'}}};
      inceptionObjString = '{\n' +
          '  "dream": {\n' +
          '    "dream": {\n' +
          '      "dream": "Limbo"\n' +
          '    }\n' +
          '  }\n' +
          '}';


      pipe = new JsonPipe();
    });

    describe('transform', () => {
      it('should return JSON-formatted string',
         () => { expect(pipe.transform(inceptionObj)).toEqual(inceptionObjString); });

      it('should return JSON-formatted string even when normalized', () => {
        const dream1 = normalize(pipe.transform(inceptionObj));
        const dream2 = normalize(inceptionObjString);
        expect(dream1).toEqual(dream2);
      });

      it('should return JSON-formatted string similar to Json.stringify', () => {
        const dream1 = normalize(pipe.transform(inceptionObj));
        const dream2 = normalize(JSON.stringify(inceptionObj, null, 2));
        expect(dream1).toEqual(dream2);
      });
    });

    describe('integration', () => {

      @Component({selector: 'test-comp', template: '{{data | json}}'})
      class TestComp {
        data: any;
      }

      beforeEach(() => {
        TestBed.configureTestingModule({declarations: [TestComp], imports: [CommonModule]});
      });

      it('should work with mutable objects', async(() => {
           const fixture = TestBed.createComponent(TestComp);
           const mutable: number[] = [1];
           fixture.componentInstance.data = mutable;
           fixture.detectChanges();
           expect(fixture.nativeElement).toHaveText('[\n  1\n]');

           mutable.push(2);
           fixture.detectChanges();
           expect(fixture.nativeElement).toHaveText('[\n  1,\n  2\n]');
         }));
    });
  });

開發者ID:AnthonyPAlicea，項目名稱:angular，代碼行數:63，代碼來源:json_pipe_spec.ts

示例4: it

 it('should return JSON-formatted string similar to Json.stringify', () => {
   var dream1 = normalize(pipe.transform(inceptionObj));
   var dream2 = normalize(Json.stringify(inceptionObj));
   expect(dream1).toEqual(dream2);
 });

開發者ID:AngularLovers，項目名稱:angular，代碼行數:5，代碼來源:json_pipe_spec.ts

示例5: expect

 () => { expect(pipe.transform(inceptionObj)).toEqual(inceptionObjString); });

開發者ID:AngularLovers，項目名稱:angular，代碼行數:1，代碼來源:json_pipe_spec.ts

示例6:

 let fn = () => {
   pipe.transform(o);
 };

開發者ID:matiboy，項目名稱:angular2-prettyjson，代碼行數:3，代碼來源:json.pipe.spec.ts

注：本文中的@angular/common.JsonPipe類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。