javascript - angulairejs, comment mettre à jour $http.post pour la deuxième fois, ng-repeat ?
習慣沉默
習慣沉默 2017-05-16 13:19:22
0
3
632

Je viens de commencer à utiliser angulairejs, et maintenant la pagination et les requêtes sont effectuées en arrière-plan,
Je pense donc que ce serait peut-être bien si j'utilise à nouveau $http pour mettre à jour $scope
Mais maintenant je peux recevoir ng-repeat après la recherche() Le données, la page ne change pas
C'est mon code actuel.
js

app.controller('checkpoint', function($scope, $http) {
    //getData to list
        $http({
            method: 'post',
            url: '../list',
        }).then(function successCallback(response) {
                $scope.checkpoint = response.data.datas.list;
            }, function errorCallback(response) {
                console.log('请求错误');
        });
    
    
    //search
    $scope.search = function (){
        $http({
            method: 'post',
            params :{keyword:$scope.query},
            url: '../list',
        }).then(function successCallback(response) {
            console.log(response.data.datas.list)
            $scope.checkpoint = response.data.datas.list;
        }, function errorCallback(response) {
            console.log('请求错误');
        });
    };
    
});

html

<p class="rule_serch" ng-controller="checkpoint">
...
<tr ng-repeat="x in checkpoint">
    <td>{{ x.projectCode }}</td>
    <td>{{ x.station }}</td>
    <td>{{ x.code }}</td>
    <td>{{ x.circuit }}</td>
    <td>{{ x.name }}</td>
    <td>{{ x.item }}</td>
    <td>{{ x.description }}</td>
    <td>{{ x.watchedAssetCode }}</td>
</tr>
...
</p>
習慣沉默
習慣沉默

répondre à tous(3)
Ty80

Où la méthode de recherche est-elle déclenchée ?

世界只因有你

J'ai découvert lors de l'inspection qu'il y avait un </p> supplémentaire au milieu de la mise en page qui n'était pas visible sur la page

Ty80

Peut-être qu'angular doit être à nouveau compilé, et il existe de nombreux pièges. . .

htmlContent = $compile(htmlContent)($scope);
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal