Угловая модель не регистрируется

Question

Почему нажатие кнопки добавляет две пустые строки на страницу html, а не соответствующую цитату?

Услуга:

quotes.addData = function(quote){ 
    quotesArr.push(quote); 
} 

Контроллер:

$scope.quoteToAdd = { 
    author : $scope.quoteAuthor, 
    text: $scope.quoteText 
    }; 
$scope.addQuote = quoteService.addData; 
} 

HTML:

Author :<input type="text" ng-show="showAdd" ng-model='quoteAuthor' name="name" value=""> 

    Quote:<input type="text" ng-show="showAdd" ng-model='quoteText' name="name" value=""> 

    <button ng-click='addQuote(quoteToAdd)' ng-show="showAdd" type="button" name="button">Submit</button> 

Answer 1

У вас есть неправильные нг-модель привязки в вашей форме:

Author :<input type="text" ng-show="showAdd" ng-model='quoteToAdd.author' name="name" value=""> 

    Quote:<input type="text" ng-show="showAdd" ng-model='quoteToAdd.text' name="name" value=""> 

    <button ng-click='addQuote(quoteToAdd)' ng-show="showAdd" type="button" name="button">Submit</button> 

Вышеупомянутый код, который вы имеете, поскольку объект контроллера инициализируется значением свойств области не по ссылке. Новый контроллер, указанный ниже, должен работать для того, что вы хотите сделать.

Controller (новый):

$scope.quoteToAdd = { 
    author : null, 
    text: null 
    }; 
$scope.addQuote = quoteService.addData; 
} 

контроллер (старый):

$scope.quoteToAdd = { 
    author : $scope.quoteAuthor, 
    text: $scope.quoteText 
    }; 
$scope.addQuote = quoteService.addData; 
}