Как передать числовое значение функции через поле ввода в угловом?

Я хотел бы сделать список продуктов с их полями цены и количества рядом с ними, и я хотел бы, чтобы пользователь мог передать число в поле ввода количества и увидеть скорректированную цену, поэтому я подошел с чем-то вроде этого:Как передать числовое значение функции через поле ввода в угловом?

<li ng-repeat="product in products"> 
     {{product.price}} - quantity: <input type="text" value="1" ng-model="prodQuantity"> - {{priceTotalProducts(prodQuantity)}} 
    </li>

Что точно не работает. Пожалуйста, указывайте мне в правильном направлении!

источник

2013-12-06 The Whiz of Oz

Вы можете загрузить то, что вы пробовали на JSFiddle? – Ravi

** Что ** не работает? – Stewie

Попробуйте использовать ' Chandermani

Here is a plunker демонстрация возможного решения.

я изменил разметку немного, так что функция вычисления общей занимает весь продукт, а вход связан с quantity имущества product:

<body ng-controller="Ctrl"> 
    <ul> 
     <li ng-repeat="product in products"> 
      {{product.price}} - quantity: <input type="text" value="1" ng-model="product.quantity" /> 
     - {{priceTotalProducts(product)}} 
     </li> 
    </ul> 
</body>

А вот контроллер:

function Ctrl($scope) { 

$scope.products = [ 
    { name: "prod1", price: 1.55, quantity: 0 }, 
    { name: "prod2", price: 2.55, quantity: 0 }, 
    { name: "prod3", price: 3.55, quantity: 0 }, 
    ]; 

    $scope.priceTotalProducts = function(product) { 

    return product.price * product.quantity; 
    } 
}

источник

2013-12-06 13:48:41

Как передать числовое значение функции через поле ввода в угловом?

ответ

Смежные вопросы