В моем контроллере, у меня есть простой массив и функция:формы не добавляя к массиву и очисток
$scope.newGuarantor = '';
$scope.guarantors = [
{guarantor: 'Peter Parker'},
{guarantor: 'Bruce Wayne'}
];
$scope.addGuarantor = function(){
$scope.guarantors.push({
guarantor: $scope.newGuarantor
});
$scope.newGuarantor = '';
};
В представлении У меня есть простой список и форма:
<tr ng-repeat="pg in guarantors">
<td>{{pg.guarantor}}</td>
</tr>
<tr>
<td>
<form ng-submit="addGuarantor()">
<input type="text" ng-model="newGuarantor"/>
<button type="submit">
<span class="glyphicon glyphicon-plus"></span>
</button>
</form>
</td>
</tr>
Согласно что я только что прочитал, я должен был бы ввести значение во вход и нажать кнопку, и значение ввода должно быть добавлено в указанный массив и форма очищена.
Вместо этого я получаю пустую строку, вставленную в список, и значение остается на входе.
Может ли кто-нибудь увидеть, что я пропустил?
Попробуйте создать plunker или скрипку, чтобы продемонстрировать проблему –
я createad JSFiddle с кодом, и он отлично работает: http://jsfiddle.net/gbfgs0fo/3/ –
Так запутался ... код работает в jsFiddle, но на моей странице я получаю пустую строку и полный ввод и никаких ошибок в консоли. Чтобы убедиться, что это не был глупый тип, я копировал и вставлял код со скрипта в свою попытку. – jgravois