提交的类型错误提交

Question

尝试向Firebase中的某一行提交更新时，出现错误TypeError: Cannot set property 'songname' of null。控制台错误是说它在编辑功能中与record.songname发生。我可以添加，但不能编辑行。

myApp.controller('ProductsCtrl', ['$scope', '$firebaseArray', function($scope, $firebaseArray, $http){ 

    var myProducts = new Firebase('https://url-to-db.firebaseio.com/songs'); 

    $scope.products = $firebaseArray(myProducts); 

    $scope.showForm = function(){ 
    $scope.addFormShow = true; 
    $scope.editFormShow = false; 
    clearForm(); 
    window.scrollTo(0, 0); 
    } 

    $scope.hideForm = function(){ 
    $scope.addFormShow = false; 
    } 

    function clearForm(){ 
    $scope.songname = ''; 
    $scope.artist = ''; 
    $scopt.tags = ''; 
    } 

    $scope.addFormSubmit = function(){ 
    $scope.products.$add({ 
     songname:$scope.songname, 
     artist:$scope.artist, 
     tags:$scope.tags, 
     date:Date.now() 
    }); 
    $('.messages').addClass('alert alert-success').slideDown().show().html('The song has been added').fadeOut(2000); 
    clearForm(); 
    } 

    $scope.dateFormat = 'MM-dd-yy @ HH:mm:ss'; 

    $scope.showProduct = function(product){ 
    $scope.editFormShow = true; 
    $scope.addFormShow = false; 
    $scope.songname = product.songname; 
    $scope.artist = product.artist; 
    $scope.tags = product.tags; 
    $scope.date = product.date; 
    } 

    $scope.editFormSubmit = function(){ 
    var id = $scope.id; 
    var record = $scope.products.$getRecord(id); 
    record.songname = $scope.songname; 
    record.artist = $scope.artist; 
    record.tags = $scope.tags; 

    $scope.products.$save(record); 
    $('.messages').addClass('alert alert-info').slideDown().show().html('The job has been edited').fadeOut(2000); 
    clearForm(); 
    $('.edit-form').toggle(); 
    } 
}]); 

Answer 1

$ scope.id属性可能没有设置。 尝试在您的showProduct函数的作用域中设置该标识或任何函数初始化该项目的$ scope变量。

$scope.showProduct = function(product){ 
$scope.id = product.id; 
..............