请问微信小程序（wxml或者html）中怎么实现下面的功能 255
展开全部
使用的angular.js来实现，具体代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="aNum" ng-keyup="getResult()">+
<input type="text" ng-model="bNum" ng-keyup="getResult()">-
<input type="text" ng-model="cNum" ng-keyup="getResult()">=
<div id="result" style="display:inline" ng-model="result">{{result||'null'}}</div>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.aNum = "";
$scope.bNum = "";
$scope.cNum = "";
$scope.result = $scope.aNum + $scope.bNum+$scope.cNum;
$scope.getResult = function(){
var newResult = Number($scope.aNum)+Number($scope.bNum)-Number($scope.cNum);
$("#result").text(newResult);
}
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
上海里艾
2024-10-22 广告
里艾传播，是基于受众洞察，整合多种营销方式，聚焦社交网络及搜索引擎，协助品牌和产品扩大其社会影响力的新形态传播公司。从品牌渠道招商、新品发布造势、电商节日大促等方面为合作品牌搭建一站式内容传播服务，从而满足品牌在不同阶段的营销需求，致力于成...
点击进入详情页
本回答由上海里艾提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
