2016-09-28 1 views
0

У меня есть поле ввода, значение которого обновляется в базе данных, когда фокус теряется (используя onblur). Я хотел бы добавить уведомление, в котором пользователь сообщает, что значение было изменено.Отображение уведомления после изменения поля (Угловое и узловое)

Мой код до сих пор:

HTML

<input type="text" ng-model="allsettings.pin" ng-blur="update_pin()"> 
<div class="alert-box notification"><span>Update: </span> {{pin_notification}}</div> 

JS

$scope.update_pin = function() { 
      if ($scope.allsettings.pin != undefined) { 
       $scope.loading = true; 
       //IF VALUE IS VALID, CALL THE UPDATEPIN FUNCTIONn 
       Todos.updatepin($scope.allsettings) 
        //IF SUCCESSFUL, GET VALUE 
        .success(function(data) { 
         $scope.loading = false; 
         $scope.formData = {}; //CLEAR FORM SO THAT USER CAN ENTER NEW DATA 
         $scope.allsettings.pin = {type : $scope.todos[0].pin}; //PASS VALUE IN OUR SCOPE  
         $scope.allsettings.pin_notification = {type : $scope.todos[0].updated_pin}; //PASS VALUE IN OUR SCOPE 
        }); 
      } 
     }; 

Обновление на базе

//API UPDATES PIN FOR THIS USER, RETURNS STATUS 
exports.update_pin = function(req, res) { 


    var pin = req.body.pin; //GET PIN VALUE FROM POSTED PARAMETER 
    var response = {}; 
    response.updated_pin = "Your pin was updated to "+pin; 

    models.login_data.update(
     {pin: pin}, 
     {where: {username: global_user}} 
    ).then(function (result) { 
     res.send(response); 
    }).catch(function(error) { 
     console.log('error'); 
    }); 

}; 

Я вижу, что значение обновляется и ответ содержит th e сообщение, которое я хочу отобразить. Но это сообщение никогда не отображается.

ответ

0

Последние две строки в успех обратного вызова должен быть

$scope.allsettings.pin = $scope.todos[0].pin; 
$scope.allsettings.pin_notification = $scope.todos[0].updated_pin; 

И в HTML последняя строка должна быть

<div class="alert-box notification"><span>Update: </span> {{allsettings.pin_notification}}</div> 
0

Переменная выражение, используемое в целях должно быть allsettings.pin_notification не только pin_notification

<div class="alert-box notification"><span>Update: </span> {{allsettings.pin_notification}}</div> 
Смежные вопросы