Restricted directive

by raji_rvr

HTML

<h1>2. Restricted directive</h1>

<div ng-app="myApp">
    <div ng-controller="myMovieResCtrl">           
     < my-movie></my-movie>    
    </div>
</div>

JavaScript

'use strict';

/* App Module */

var app = angular.module("myApp", []);

app.controller("myMovieResCtrl", function($scope) {
    $scope.movie = {name: "Roman Holiday", year: 1953, genre: "Comedy, Romance"};    
});

// Directive
app.directive('myMovieRes', function() {
  return {
    restrict: 'E',     
    template: 'Name: {{movie.name}}, Genre: {{movie.genre}}, Year: {{movie.year}}'
  };
});