anchor.diff:                        ["movieService",
                          MovieListCtrl]);
         :marked
  +        AngularJS는 적절한 Angular 모듈을 찾는 코드가 각 컨트롤러에 있고, 컨트롤러에 해당 모듈을 등록합니다.
  +
           AngularJS, has code in each controller that looks up an appropriate Angular module
           and registers the controller with that module.
   
  +        첫 번째 인수는 컨트롤러 이름입니다.
  +        두 번째 인수는 이 컨트롤러에 삽입된 모든 종속성의 문자열 이름과 컨트롤러 함수에 대한 참조를 정의합니다.
  +
           The first argument is the controller name. The second argument defines the string names of
           all dependencies injected into this controller, and a reference to the controller function.
       td
         :marked
  +        ### 컴포넌트 데코레이터
           ### Component Decorator
         +makeExample('cb-ajs-quick-reference/ts/src/app/movie-list.component.ts', 'component')(format=".")
         :marked
  +        Angular는 컴포넌트 클래스에 데코레이터를 추가하여 필수 메타데이터를 제공합니다.
  +        컴포넌트 데코레이터는 클래스가 컴포넌트임을 선언하고, 
  +        선택자 (또는 태그) 및 해당 템플릿과 같은 해당 컴포넌트에 대한 메타데이터를 제공합니다.
  +
           Angular, adds a decorator to the component class to provide any required metadata.
           The Component decorator declares that the class is a component and provides metadata about
           that component such as its selector (or tag) and its template.
   
  +        이것은 템플릿을 컴포넌트 클래스에서 정의된 코드와 연결하는 방법입니다.
  +
           This is how you associate a template with code, which is defined in the component class.
   
  +        자세한 내용은 아키텍쳐 개요 페이지의 [컴포넌트](../guide/architecture.html#components)를 확인하세요.
  +
           For more information, see the [Components](../guide/architecture.html#components) section of the Architecture Overview page.
     tr(style=top)
       td
         :marked
  +        ### 컨트롤러 함수
           ### Controller function
         code-example.
           function MovieListCtrl(movieService) {
           }
         :marked
  +        AngularJS에서, 컨트롤러 함수에 모델 및 메서드에 대한 코드를 작성합니다.
  +
           In AngularJS, you write the code for the model and methods in a controller function.
       td
         :marked
  +        ### 컴포넌트 클래스
           ### Component class
         +makeExample('cb-ajs-quick-reference/ts/src/app/movie-list.component.ts', 'class')(format=".")
         :marked
  +        Angular에서 컴포넌트 클래스를 만듭니다.
  +
           In Angular, you create a component class.
   
  +        참고: AngularJS와 함께 TypeScript를 사용하는 경우, 반드시 `export` 키워드를 사용하여 컴포넌트 클래스를 익스포트하세요.
  +
           NOTE: If you are using TypeScript with AngularJS, you must use the `export` keyword to export the component class.
   
  +        자세한 내용은 아키텍쳐 개요 페이지의 [컴포넌트](../guide/architecture.html#components)를 확인하세요.
  +
           For more information, see the [Components](../guide/architecture.html#components) section of the Architecture Overview page.
     tr(style=top)
       td
         :marked
  +        ### 의존성 주입
           ### Dependency injection
         code-example.
           MovieListCtrl.$inject = ['MovieService'];
           function MovieListCtrl(movieService) {
           }
         :marked
  +        AngularJS는 컨트롤러 함수 인수로써 의존성을 전달합니다.
  +        이 예제는 `MovieService`를 삽입합니다.
  +
           In AngularJS, you pass in any dependencies as controller function arguments.
           This example injects a `MovieService`.
   
  +        축소(minification) 문제를 막으려면, Angular에 첫 번째 파라미터에 `MovieService` 인스턴스를 삽입해야한다고 명시하세요.
  +
           To guard against minification problems, tell Angular explicitly
           that it should inject an instance of the `MovieService` in the first parameter.
       td
         :marked
  +        ### 의존성 주입
           ### Dependency injection
         +makeExample('cb-ajs-quick-reference/ts/src/app/movie-list.component.ts', 'di')(format=".")
         :marked
  +        Angular에서는 컴포넌트 클래스 생성자에 대한 인수로 의존성을 전달합니다.
  +        이 예제는 `MovieService`를 삽입합니다.
  +        첫 번째 파라미터의 TypeScript 유형은 축소 후에도 주입 할 내용을 Angular에 알려줍니다.
  +
           In Angular, you pass in dependencies as arguments to the component class constructor.
           This example injects a `MovieService`.
           The first parameter's TypeScript type tells Angular what to inject, even after minification.
   
  +        자세한 내용은 아키텍쳐 개요의 [의존성 주입](../guide/architecture.html#dependency-injection)을 확인하세요.
  +
           For more information, see the [Dependency Injection](../guide/architecture.html#dependency-injection) section of the Architecture Overview.
   :marked
     [Back to top](#top)
  
positive.code:     td
        :marked
          ### lowercase
        code-example.
          &lt;div>{{movie.title | lowercase}}&lt;/div>
        :marked
          Converts the string to lowercase.
      td
        :marked
          ### lowercase
        +makeExample('cb-ajs-quick-reference/ts/src/app/app.component.html', 'lowercase')(format=".")
        :marked
          The Angular `lowercase` pipe does the same thing.
    tr(style=top)
      td
        :marked
          ### number
        code-example.
          &lt;td>{{movie.starRating  | number}}&lt;/td>
        :marked
          Formats a number as text.
      td
        :marked
          ### number
        +makeExample('cb-ajs-quick-reference/ts/src/app/app.component.html', 'number')(format=".")
        :marked
          The Angular `number` pipe is similar.
          It provides more functionality when defining
          the decimal places, as shown in the second example above.
  
          Angular also has a `percent` pipe, which formats a number as a local percentage
          as shown in the third example.
    tr(style=top)
      td
        :marked
          ### orderBy
        code-example.
          &lt;tr ng-repeat="movie in movieList | orderBy : 'title'">
        :marked
          Displays the collection in the order specified by the expression.
          In this example, the movie title orders the movieList.
      td
        :marked
          ### none
          For performance reasons, no comparable pipe exists in Angular.
          Instead, use component code to order or sort results. If you need the same ordering or sorting code in several templates, consider building a custom pipe.
  
  
negative.code:   tr(style=top)
      td
        :marked
          ### Link 태그
          ### Link tag
        code-example.
          &lt;link href="styles.css" rel="stylesheet" />
        :marked
          AngularJS는 `index.html` 파일의 head 섹션에 있는 `link` 태그를 사용하여 애플리케이션의 스타일을 정의합니다.
  
          AngularJS, uses a `link` tag in the head section of the `index.html` file
          to define the styles for the application.
      td
        :marked
          ### Link 태그
          ### Link tag
        +makeExample('cb-ajs-quick-reference/ts/src/index.html', 'style')(format=".")
        :marked
          Angular에서 link 태그를 사용하여 애플리케이션의 스타일을 `index.html` 파일에서 계속 정의 할 수 있습니다.
          그러나 이제는 컴포넌트의 스타일을 캡슐화 할 수도 있습니다.
  
          In Angular, you can continue to use the link tag to define the styles for your application in the `index.html` file.
          But now you can also encapsulate styles for your components.
        :marked
          ### StyleUrls
          ### StyleUrls
          Angular에서는 특정 컴포넌트의 스타일 시트를 정의하기 위해 
          `@Component` 메타 데이터의 `styles` 또는 `styleUrls` 프로퍼티를 사용할 수 있습니다.
  
          In Angular, you can use the `styles` or `styleUrls` property of the `@Component` metadata to define
          a style sheet for a particular component.
        +makeExample('cb-ajs-quick-reference/ts/src/app/movie-list.component.ts', 'style-url')(format=".")
        :marked
          이렇게 하면 애플리케이션의 다른 부분에 영향을 끼치지 않는 개별 컴포넌트에 적합한 스타일을 설정할 수 있습니다.
  
          This allows you to set appropriate styles for individual components that won’t leak into
          other parts of the application.
  :marked
  