angularjs 计算器

wxynj

于 2018-07-25 09:26:39 发布

阅读量422

点赞数

本文链接：https://blog.csdn.net/wxynj/article/details/81196118

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="//apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div data-ng-app="" ng-init="mula=1;mulb=5;adda=1;addb=1;diva=1;divb=1;suba=1;subb=1;">
    
    <h2>计算器</h2>
    
    <input type="number" ng-model="mula"> <b>*</b>  <input type="number" ng-model="mulb">  
    {{mula * mulb }}
    <p></p>
    <input type="number" ng-model="adda"> <b>+</b>  <input type="number" ng-model="addb">  
    {{adda+addb}}
    <p></p>
    <input type="number" ng-model="diva"> <b>/</b>  <input type="number" ng-model="divb">  
    {{diva/divb}}
    <p></p>
    <input type="number" ng-model="suba"> <b>-</b>  <input type="number" ng-model="subb">  
    {{suba-subb}}

    
</div>

</body>
</html>