title: Complex Interface in TypeScript
body: <p>I'm new to TypeScript and trying to implement a "complex" interface. I'm not sure wheter what I want is even possible.</p>
  
  <p>I have the following javascript:</p>
  
  <pre><code>var simpleSetting = { setting1: 'test', setting2: 1 };
  </code></pre>
  
  <p>for that i can create an Interface like that:</p>
  
  <pre><code>interface SimpleSetting {
     setting1: string;
     setting2: number;
  }
  </code></pre>
  
  <p>and then use it like that:</p>
  
  <pre><code>var simpleSetting: SimpleSetting = { setting1: 'test', setting2: 1 };
  </code></pre>
  
  <p>What I would like to do is to define an Interface for this declaration:</p>
  
  <pre><code>var setting = {
      data: {
          simpleData: {
              enable: true
          },
          view: {
              expandSpeed: ""
          }
      }
  };
  </code></pre>
  
  <p>I know that I could create something like this:</p>
  
  <pre><code>interface View {
     expandSpeed : string;
  }
  interface Data {
     simpleData: SimpleData;
     view : View;
  }
  interface ComplexSetting {
     data : Data;
  }
  </code></pre>
  
  <p>to achive what I want, but is it possible to achive the same result just by delcaring only one Interface instead of three?</p>