AngularJS チュートリアル step-1

JavaScript

f:id:Naotsugu:20140418011743p:plain


blog1.mammb.com

前回からの続きになります。

単なる次回のひな形作成のみ

前回ファイルを以下のように変えるだけ

<!doctype html>
<html lang="ja" ng-app>
<head>
  <meta charset="utf-8">
  <title>Phone Gallery</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

  <ul>
    <li>
      <span>Nexus S</span>
      <p>Fast just got faster with Nexus S.</p>
    </li>
    <li>
      <span>Motorola XOOM™ with Wi-Fi</span>
      <p>The Next, Next Generation tablet.</p>
    </li>
  </ul>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
</body>
</html>




単にリストとして表示される。

f:id:Naotsugu:20140103001821p:plain



blog1.mammb.com