<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

        <script>

            var app = angular.module("myApp", []);

            app.controller("myCtrl", function($scope) {

                $scope.goods = [{                

                    num: 1,

                    price: 10

                }, {                      

                    num: 1,

                    price: 10 

                }, {                      

                    num: 1,

                    price: 10

                }, {                      

                    num: 1,

                    price: 10 

                }, {                     

                    num: 1,

                    price: 10 

                }, {                      

                    num: 1,

                    price: 10 

                }, {                      

                    num: 1,

                    price: 10 

                }, {                      

                    num: 1,

                    price: 10 

                }, {                      

                    num: 1,

                    price: 10 

                }, {                      

                    num: 1,

                    price: 10 

                }];         

                //总计

                        

                $scope.allPrice = 0;        

                $scope.getAllPrice = function() {        

                    var count = 0;   

                    $scope.good = $scope.goods.filter(function(e) {

                        return e.price != '' && e.price != 0 && e.price != null;

                    });

                    for(index in $scope.good) {

                        count += parseInt($scope.good[index].price);

                    }

                    $scope.allPrice = count / $scope.good.length;        

                }        

                $scope.getAllPrice();        

            });

        </script>

        <style>

            input::-webkit-outer-spin-button,

            input::-webkit-inner-spin-button {

                -webkit-appearance: none !important;

            }

        </style>

    </head>

    <body ng-app="myApp" ng-controller="myCtrl">

        <center>

            <table border="1px">

                <tr>

                    <td>价格</td>

                </tr>

                <tr ng-repeat="g in goods">

                    <td>

                        <span ng-show="g.flag">{{g.price}}</span>

                        <input ng-hide="g.flag" ng-model="g.price" ng-change="getAllPrice()" type="number" />

                    </td>

                </tr>

            </table><br /> 平均价：

            <span>{{allPrice}}</span>

        </center>

    </body>

</html>

angularjs 动态计算平均值的更多相关文章

  1. 动态计算UITableViewCell高度

    动态计算UITableViewCell高度 UILabel in UITableViewCell Auto Layout - UILabel的属性Lines设为了0表示显示多行.Auto Layout ...

  2. 动态计算Label高度

    //1.设置该label的numberOfLines为0 self.titleLabel.numberOfLines = 0;    //2.字体的设置要与之前相同 NSDictionary * at ...

  3. iOS 动态计算文本内容的高度

    关于ios 下动态计算文本内容的高度,经过查阅和网上搜素,现在看到的有以下几种方法: 1. //  获取字符串的大小  ios6 - (CGSize)getStringRect_:(NSString* ...

  4. angular.element方法汇总以及AngularJS 动态添加元素和删除元素

    addClass()-为每个匹配的元素添加指定的样式类名after()-在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点append()-在每个匹配元素里面的末尾处插入参数内容att ...

  5. 还能输入多少字？(JS动态计算)

    <div class="m-form ovh"> <div class="hd"> <span class="fr&qu ...

  6. iOS学习之根据文本内容动态计算文本框高度的步骤

    在视图加载的过程中,是先计算出frame,再根据frame加载视图的,所以在设计计算高度的方法的时候,设计成加号方法; //首先给外界提供计算cell高度的方法 + (CGFloat)heightFo ...

  7. matlab 利用while循环计算平均值和方差

    一.该程序是用来测输入数据的平均值和方差的 公式: 二. 项目流程: 1. State the problem假定所有测量数为正数或者0,计算这一系列测量数的平均值和方差.假定我们预先不知道有多少测量 ...

  8. 理解rem实现响应式布局原理及js动态计算rem

    前言 移动端布局中,童鞋们会使用到rem作为css单位进行不同手机屏幕大小上的适配.那么来讲讲rem在其中起的作用和如何动态设置rem的值. 1.什么是rem rem是相对于根元素(html标签)的字 ...

  9. iOS中动态计算不同颜色、字体的文字高度

    在改项目bug的时候,有一个问题动态计算label的高度,前开发者竟然用字符串长度除以14.16这样的常量来计算是否换行,结果cell的高度问题非常严重. 因为label内容里有部分关键字是要另一种颜 ...

随机推荐

  1. 关于c++模板非类型参数中指针和引用类型必须为全局或者静态变量的问题

    之前在学习c++模板的时候,一直没留意到在非类型参数中对指针和引用有着一些限制,今早在复学模板的时候才注意到书上标明,指针和引用作为模板的非类型参数传递时必须要求是全局或者静态变量.其实不难想到,模板 ...

  2. 【Python | opencv+PIL】常见操作（创建、添加帧、绘图、读取等）的效率对比及其优化

    一.背景 本人准备用python做图像和视频编辑的操作,却发现opencv和PIL的效率并不是很理想,并且同样的需求有多种不同的写法并有着不同的效率.见全网并无较完整的效率对比文档,遂决定自己丰衣足食 ...

  3. 数据库及MYSQL基础(2)

    数据库及MySQL基础(1) SQL进阶及查询练习 1,单表的查询练习 SELECT * FROM emp WHERE deptno=30; SELECT ename,empno,deptno FRO ...

  4. .NetCore如何使用ImageSharp进行图片的生成

    ImageSharp是对NetCore平台扩展的一个图像处理方案,以往网上的案例多以生成文字及画出简单图形.验证码等方式进行探讨和实践. 今天我分享一下所在公司项目的实际应用案例,导出微信二维码图片, ...

  5. Windows 服务 安装后自启动

    [RunInstaller(true)] public partial class ProjectInstaller : System.Configuration.Install.Installer ...

  6. Python练习_装饰器、生成器_day12

    装饰器 装饰器篇: 1.编写装饰器,为多个函数加上认证的功能(用户的账号密码来源于文件),要求登录成功一次,后续的函数都无需再输入用户名和密码. def login(func): def inner( ...

  7. Go 函数编程

    函数的声明 在 Go 语言中,函数声明通用语法如下: func functionname(parametername type) returntype { // 函数体(具体实现的功能) } 函数的声 ...

  8. SAP Marketing Cloud里的contact main facet是什么意思

    界面如下: Basically, contact data for SAP Hybris Marketing can be loaded from various sources, such as a ...

  9. umi model 注册

    model 分两类,一是全局 model,二是页面 model.全局 model 存于 /src/models/ 目录,所有页面都可引用:页面 model 不能被其他页面所引用. 规则如下: src/ ...

  10. Personalize Oracle Applications Home Page Browser Window Title

    修改登录页 http://expertoracle.com/2016/03/10/personalizing-the-e-business-suite-r12-login-page/ STEP 2 : ...