directive2directive.html

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <title>Directive to Directive</title>

  <link rel="stylesheet" href="vendor/zurb/foundation/stylesheets/foundation.css" type="text/css" media="screen" charset="utf-8">
  
</head>

<body ng-app="superApp">

  <superhero flight speed strength>Superman</superhero>
  <superhero speed>The Flash</superhero>
  <superhero strength>The Hulk</superhero>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
<script src="directive2directive.js"></script>
</body>
</html>