Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="store" lang="zh_TW">
<head>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-controller="StoreController as store">
  <!-- <div ng-hide="store.product.soldOut">
    <h1> {{store.product.name}} </h1>
    <h2> $ {{store.product.price}} </h2>
    <p> {{store.product.description}} </p>
    <button ng-show="store.product.canPurchase"> Add to Cart </button>
  </div> -->
  <li class="list-group-item" ng-repeat="product in store.products">
    <h3> {{ product.name }}
      <em class="pull-right"> {{product.price | currency}} </em>
    </h3>
    <p>{{product.description}}</p>
  </li>
  
  <script src="http://code.jquery.com/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <script src="app.js"></script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
SoarLinpro
0viewers