Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app>
<head>
<meta name="description" content="套用 filter 在所有數字類型的欄位上" />
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-init="PName='T-shirt';Price=250;Qty=1;">
 
  商品名稱 : <input type="text" ng-model="PName"><br>
  商品價格 : <input type="number" ng-model="Price"><br>
  購買數量 : <input type="number" ng-model="Qty"><br>
  
  您購買了: <span style="color: red">{{PName||'N/A'}}</span> 數量: {{Qty||0 |number:0}} 單價: ${{Price||0 |number:0}},小計: {{Price * Qty||0 |currency: 'NT$'}} 元
  
</body>
</html>
Output

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

Dismiss x
public
Bin info
l7960261pro
0viewers