http返回数据但不更新视图

时间:2016-01-06 17:12:31

标签: javascript html angularjs

我的html中有这个输入字段:

    <input  type="text" spellcheck="false" id="widgetu1049_input" 
    name="custom_U1049" tabindex="3" placeholder="Search..." ng-model="searchText"
    ng-change="getPostHttp()" ng-trim="false"/>

并且我在范围函数中调用http post:

    $scope.getPageItems = function(callback){//TODO add county and state moudles

    var search = {'searchText':$scope.searchText,'state' : $scope.currentState,'county' : ''};
    var params = {'action':'getPageItems', 'currentPage':$scope.currentPage, 'pageSize':$scope.pageSize, 'search':search };


    $http.post(EndPoint, params).then(function(response) {

        var page=response.data;
        console.log(page);
        callback(page);
    });

}

我从这个函数调用上面的函数:

$scope.getPostHttp = function(){
    $scope.getPageItems(function(data) {
        $scope.items = data;
    });
}

我从这个问题Angular $http returns data but doesn't apply to scope

中得到了这种方法

虽然它显示了我所做的ng-init调用中的项目,但它不会在上面的ng-change调用中更新。

有什么想法吗?

编辑:我正在添加ng-repeat调用的视图:

<tr style=" background-color: #BFBFBF;" ng-model="items" ng-class="{marked: isExists(item.id) == true}" ng-click="view(item.id)"
 data-toggle="modal" data-target="#smallModal" ng-repeat="item in items" ng-animate="'animate'">
   <td ng-show="id">{{item.id}}</td>
   <td ng-show="fname">{{item.fname}}</td>
</tr>

0 个答案:

没有答案