web/5-classbadge/piratebadge.html

<!-- Copyright (c) 2014, the Dart project authors.  Please see the AUTHORS file
     for details. All rights reserved. Use of this source code is governed by a
     BSD-style license that can be found in the LICENSE file.
-->

<!DOCTYPE html>

<html ng-app>
  <head>
    <meta charset="utf-8">
    <title>Pirate badge</title>
    <link rel="stylesheet" href="../piratebadge.css">
  </head>
  <body badges ng-cloak>
    <h1>Pirate badge</h1>

    <div class="widgets">
      <div>
        <input type="text" id="inputName" maxlength="15" ng-model="ctrl.name">
      </div>
      <div>
        <button ng-click="ctrl.generateName()"
            ng-disabled="ctrl.inputIsNotEmpty">{{ctrl.label}}</button>
      </div>
    </div>

    <badge name={{ctrl.pirateName}} style='float: left; margin-left: 20px;'></badge>
       
    <script src="packages/shadow_dom/shadow_dom.min.js"></script>
    <script type="application/dart" src="piratebadge.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>