Poussez les valeurs de la matrice de AngularJS
Im essayant de pousser une valeur de données à un tableau dans AngularJS, avec .push();, mais j'ai toujours ce message d'erreur:
Error: $scope.test.push is not a function
Voici mon code HTML:
<div ng-controller="Test">
<div class="container">
<div class="col-sm-9 col-sm-offset-2">
<div class="page-header"><h1>Testar</h1></div>
<table class="table table-striped table-condensed">
<thead>
<tr>
<th>Sträcka</th>
<th>Tid</th>
</tr>
</thead>
<tr ng-repeat="info in test"><td>{{info.stracka}}</td><td>{{info.tid}}</td></tr>
</table>
<form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate> <!-- novalidate prevents HTML5 validation since we will be validating ourselves -->
<div class="form-group" ng-class="{'has-error' : userForm.stracka.$invalid && !userForm.stracka.$pristine, 'has-success' : userForm.stracka.$valid }">
<label>Sträcka(m):</label>
<input type="text" name="stracka" class="form-control" ng-model="form.stracka" required>
<p ng-show="userForm.stracka.$invalid && !userForm.stracka.$pristine" class="help-block">Fel sträcka</p>
</div>
<div class="form-group" ng-class="{'has-error' : userForm.tid.$invalid && !userForm.tid.$pristine, 'has-success' : userForm.tid.$valid && !userForm.tid.$pristine}">
<label>Tid:</label>
<input type="text" name="tid" class="form-control" ng-model="form.tid" ng-minlength="3" ng-maxlength="8">
<p ng-show="userForm.tid.$error.minlength" class="help-block">För kort</p>
<p ng-show="userForm.tid.$error.maxlength" class="help-block">För långt</p>
</div>
<button type="submit" class="btn btn-primary">Lägg till</button>
</form>
</div>
</div>
</div>
Et voici mon controller:
as.controller('Test', function($scope, $http, $rootScope, testFactory)
{
$http.get($rootScope.appUrl + '/nao/test/test')
.success(function(data, status, headers, config) {
$scope.test = data.data;
});
$scope.form = {};
$scope.submitForm = function(isValid) {
if(isValid)
{
/*testFactory.testFactoryMethod(function($http) {
$scope.test = data;
});*/
$http.post($rootScope.appUrl + '/nao/test', $scope.form)
.success(function(data, status, headers, config) {
console.log(data);
$scope.test.push($scope.form);
}).error(function(data, status) {
});
}
};
});
Quelqu'un peut m'aider et expliquer pourquoi j'obtiens ce message?
vérifier
Ce qui est retournée à partir de
Pouvez-vous faire un rapide gratter en démontrant la question? Parce que ThomasP1998 la réponse devrait fonctionner.
isArray($scope.test)
est vrai ou pas.Ce qui est retournée à partir de
'/nao/test/test/
? Est data.data
en fait une matrice?Pouvez-vous faire un rapide gratter en démontrant la question? Parce que ThomasP1998 la réponse devrait fonctionner.
OriginalL'auteur user500468 | 2014-07-17
Vous devez vous connecter pour publier un commentaire.
Essayez de faire cela:
retirez le var avant $champ d'application.test = []; - j'ai édité @ThomasP de réponse..
Je reçois la même erreur que la première, que $champ d'application.test.push n'est pas une fonction.
Et si vous déclarez $champ d'application.forme = [] au lieu de {} ?
OriginalL'auteur ThomasP1988
Essayez ceci:
OriginalL'auteur Amir Popovich
créer un tableau de première
$scope.usermsg = [];
puis poussez la valeur en elle -
$scope.usermsg.push($variable);
OriginalL'auteur partho222