2016-11-18 34 views
1

我在AngularJS的应用程序中使用MEAN堆栈作为我的前端。如何繁衍值表,在tablePayment value如在commacommission值作为无comma所以如何乘这两个值..... My Plunker对于实例:-1。交易: - 支付价值是1,925.10及佣金值3如何繁殖逗号价值,没有逗号值例子: - 1,925.10*3 = 5775.3 ...如何在Angularjs中乘以两个ng模块值?

对于实例:-2。 Trasaction: - 支付价值是1,925.10及佣金值5如何繁殖逗号价值,没有逗号值例子: - 1,925.10*5 = 9625.5 ...

我的HTML: -

<td >{{mani.payment }}</td> 

    <td >{{mani.commission}}</td> 

     <td >{{(mani.payment) * (mani.commission)}}</td> 

我的数据: -

{ 
    "_id": "5816f4fad0be79f809519f98", 
    "user": { 
    "_id": "57400c32bd07906c1308e2cf", 
    "displayName": "mani selvam" 
    }, 
    "__v": 0, 
    "created": "2016-10-31T07:38:34.999Z", 
    "remarks": "-", 
    "commission": "3", 
    "status": "pending", 
    "amt": "4000", 
    "cheque_currency": "Rs", 
    "cheque_value": "300", 
    "payment": "1,925.10", 
    "debitnote_no_payment": "3", 
    "supplier_name": "karikalan", 
    "buyer_name": "Manidesigns" 
}, 

{ 
"_id": "5816f4fad0be79f809519f98", 
"user": { 
    "_id": "57400c32bd07906c1308e2cf", 
    "displayName": "mani selvam" 
}, 
"__v": 0, 
"created": "2016-10-31T07:38:34.999Z", 
"remarks": "-", 
"commission": "5", 
"status": "pending", 
"amt": "2000", 
"cheque_currency": "Rs", 
"cheque_value": "300", 
"payment": "1,925.10", 
"debitnote_no_payment": "3", 
"supplier_name": "karikalan", 
"buyer_name": "Manidesigns" 
}, 

我创建Plunker供参考: - Plunker

+0

相关http://stackoverflow.com/a/29507259/1929187 – 0aslam0

+0

请看看我的plunker有人问我如何繁殖逗号值和无在表中的逗号值....这是不相关的问题,如果你呃解决方案请更新plunker以及解决方案谢谢,请帮助我们... –

回答

0

在你plunker,只需更换这行:

<td>{{(mani.payment) * (mani.commission)}}</td> 

有了这个其他:

<td>{{(mani.payment.replace(',','')) * (mani.commission.replace(',',''))}}</td> 

解决问题

0

当您回应请求时,您确实应该将'1,925.10'更改为1925.10。

1925.10是真正的价值,然而'1,925.10'是它的一种形式。

Make parseFloat convert variables with commas into numbers

function parseFloatIgnoreCommas(number) { 
    var numberNoCommas = number.replace(/,/g, ''); 
    return parseFloat(numberNoCommas); 
} 
+0

感谢您的宝贵答案,我得到的答案只有逗号1,925.10 ,所以你可以请更新plunker以及知道解决方案,请帮助我们.... –

+0

或只是将其转换为有效的数字 – xiaoyu2er

0

Y的个数ou传递乘法不是一个实际的数字,它是一个字符串检查你的plunkr我已经更新它..或者请把它作为一个数字在你的JSON中传递。

http://plnkr.co/edit/3zFrSqDWvE5pr3jgKO91?p=preview

<tr ng-repeat="mani in resultValue=(sryarndebitnote)"> 
     <td >{{$index + 1}}</td> 
      <td >{{mani.amt}}</td> 
      <td >{{mani.payment }}</td> 
      <td >{{mani.commission}}</td> 
      <td >{{(mani.payment) * (mani.commission)}}</td> 

      </tr> 
      <tr> 
      <td>sum</td> 
      <td>{{resultValue | sumOfValue:'amt'}}</td> 
      <td>{{resultValue | sumOfValue:'payment'}}</td> 
      <td></td> 
      <td></td> 
      </tr> 

或者

$scope.sryarndebitnote = [ 
{ 
    "_id": "5816f4fad0be79f809519f98", 
    "user": { 
    "_id": "57400c32bd07906c1308e2cf", 
    "displayName": "mani selvam" 
    }, 
    "__v": 0, 
    "created": "2016-10-31T07:38:34.999Z", 
    "remarks": "-", 
    "commission": "3", 
    "status": "pending", 
    "amt": "4000", 
    "cheque_currency": "Rs", 
    "cheque_value": "300", 
    "payment": 1925.10, // Change to number 
    "debitnote_no_payment": "3", 
    "supplier_name": "karikalan", 
    "buyer_name": "Manidesigns" 
}, 
{ 
"_id": "5816f4fad0be79f809519f98", 
"user": { 
    "_id": "57400c32bd07906c1308e2cf", 
    "displayName": "mani selvam" 
}, 
"__v": 0, 
"created": "2016-10-31T07:38:34.999Z", 
"remarks": "-", 
"commission": "5", 
"status": "pending", 
"amt": "2000", 
"cheque_currency": "Rs", 
"cheque_value": "300", 
"payment": 1925.10, 
"debitnote_no_payment": "3", 
"supplier_name": "karikalan", 
"buyer_name": "Manidesigns" 
} 
    ];