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

Question

Я пытаюсь вызвать сторонний интерфейс API, отправив некоторые входные параметры через службу угловых js .: recordService.js

function getRecordId(price, itemId){
    angularLoad.loadScript('https://3rdpartyapi')
    .then(function() {
        Button.render({ 
            method1: function(data, actions) {
                var parameters = {
                        price: price,
                        itemId : itemId
                }
                return internalHttpRequestMethod
                    ({
                        endpoint: 'save.php',
                        parameters: parameters
                    })
                .then(function(response) {
                    if(response.recordId){
                        return response.recordtId;
                    }
                    else{
                        console.log(res);
                    }
                })
            }

}

Эта служба получает данные от компонентакоторый передает цену и itemId в функцию сервиса:

recordService.getRecordId(price.value, itemId)

Но я вызвал сервис в методе onInit, потому что я хочу, чтобы скрипт был выполнен и изначально визуализировал кнопку.Таким образом, он вызывает скрипт, передающий price="0" или price=null.

Когда я обновляю значение цены, позже кнопка была обработана, она все еще принимает значение как 0 или null.

Я пытался звонить в службу каждый раз, когда меняю также значение поля цены, хотя это вызывает проблемы с производительностью, но все еще не работает (цена не обновляется в услуге).

Есть лиЕсть ли лучший подход к этому, то есть обновить значение price при изменении поля и сохранить его во внутреннем save.php?

Редактировать: я добавил эту функцию в сервисе по изменению поля, все еще бесполезно:

function updateProice(price){
    price = price;
}

Спасибо