Member 9983063 Ответов: 2

Как суммировать 2 var в angular js

Привет, ребята, как вы, я надеюсь, что вы все будете в порядке, ребята, мне нужно суммировать 2 значения в моем угловом проекте, но я новичок и просто начинающий рычажный угловой программист, я не знаю, как сделать переменную в угловом и суммировать ее

Что я уже пробовал:

<tbody>
    var num1,num2,num3
num1 = item.item_qty;
num2 = item.product_price
num3 = num1 + num2;
    <tr ng-repeat="item in orders" class="animated fadeInUp">
        
      <td>{{item.item_qty}}</td>
      <td>{{item.product_name}}</td>
      <td>{{item.status}}</td>
      <td>{{item.product_price}}</td>
<pre>      <td>{{num3}}</td>

2 Ответов

Рейтинг:
9

Member 12464509

привет вы можете попробовать этот способ

создайте папку и поместите HTML-файл и файл контроллера в одно и то же место. Я создал папку на рабочем столе, затем сначала создал HTML-файл, а затем создал файл контроллера внутри папки рабочего стола.

Шаг 1: Создание index.html файл.

откройте блокнот и вставьте ниже код, и я сохранил его как "index.html" : 

<!DOCTYPE html>
<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>

<script src="testController.js"></script>
</head>

<div ng-app="myApp" ng-controller="testCtrl">
<table border="1">
<tr ng-repeat="item in orders">
<td>     {{item.item_qty}}     </td>
<td>     {{item.product_name}} </td>
<td>     {{item.status}}       </td>
<td>     {{item.product_price}}</td>
<td>	 Sum: {{item.item_qty + item.product_price}} </td>
  </tr>
</table>

</div>

</html>
Шаг 2: Создание testController.js файл.
откройте блокнот и вставьте приведенный ниже код и сохраните файл как "testController.js" :

angular.module('myApp', []).controller('testCtrl', function($scope) {
     $scope.orders = [
         {item_qty:10,product_name:'Test1', status: '', product_price: 350},
         {item_qty:3,product_name:'Test2', status: '', product_price: 100},
         {item_qty:25,product_name:'Test3', status: '', product_price: 200}
     ];
 });


как только оба файла будут созданы, то откройте "index.html" в браузере (я использовал Internet Explorer). Надеюсь, это вам поможет..

Member 12464509

var num1, num2, num3
поля num1 = товар.item_qty;
пит2 = товар.product_price
num3 = num1 + num2;


{{item.item_qty}}
{{item.product_name}}
{{пункт.статус}}
{{item.product_price}}

      {{item.item_qty + item.product_price}} </td




Remmove below code lines and I replaced num3 with expression {{item.item_qty + item.product_price}} :
var num1,num2,num3
num1 = item.item_qty;
num2 = item.product_price
num3 = num1 + num2;
I am not sure why are you using these.....

Member 9983063

Эй Спасибо братан ты делаешь мой день я сделал это с помощью твоего кода большое тебе спасибо

Member 12464509

Никаких проблем!! пожалуйста :)

Рейтинг:
0

David_Wimbley

Я думаю, что вам было бы лучше поместить добавление/вычитание ваших угловых переменных в ваш контроллер, а не в ваш вид.

Вы должны добавить еще одно свойство к вашему объекту item...я назову его sumOfTwoVars. Таким образом, у вас должно быть что-то подобное в вашем контроллере (обратите внимание, что вы не включили код контроллера, поэтому я не знаю, как выглядит ваш код).

var item = {};
item.sumOfTwoVars = item.item_qty + item.product_price;


Тогда, на ваш взгляд, вместо того, чтобы делать {{num3}} тогда вы можете просто сделать {{item.sumOfTwoVars}} что не позволяет вашему представлению выполнять какие-либо манипуляции/логику для визуализации данных с контроллера.

David Crow

Я не уверен, почему тег Android является частью этого вопроса. Это намеренно?

David_Wimbley

Я этого не делал.

Member 9983063

ну я пробовал ваш код когда запускаю свое приложение так что он не отображается в столбце sum в моем приложении я сначала вставил ваш код controller.js а затем я вставляю имя var в свою форму, где я хочу показать это значение, но оно не отображается