【问题标题】:ng-repeat is not updatingng-repeat 没有更新
【发布时间】:2018-04-15 15:30:26
【问题描述】:

当提交以下表单时,会在数据库中创建附加条目。但是 ng-repeat 没有得到刷新。 有什么想法吗?

html代码:


                                <table class="redTable">
                                    <thead>
                                        <tr>
                                            <th> Domain</th>
                                            <th> Username</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        <tr ng-repeat="eachuserconfigdata in userconfigdata track by $index">
                                            <td>
                                                <input type="text" ng-model="eachuserconfigdata.Domain" value="{{ eachuserconfigdata.Domain }}" ng-readonly='!($index == eEditable)' ng-dblclick="eEditable = $index" style="background-color: transparent ; width:80px;border: 0;" />
                                            </td>
                                            <td>
                                                <input type="text" ng-model="eachuserconfigdata.UserName" value="{{ eachuserconfigdata.UserName }}" ng-readonly='!($index == eEditable)' ng-dblclick="eEditable = $index" style="background-color: transparent ; width:80px;border: 0;" />
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>

                                <br />
                            </div>

Javascript var myApp = angular.module("mymodule", ['ngMaterial']);

var myController = function ($scope, $http, $log) {

$scope.username = "";
$scope.ps = "";                         

$scope.submit = function () {
    //alert($scope.username);
    //alert($scope.ps);

    $scope.myStyle = { color: 'red' };
    var data = {            
        Domain: $scope.domainname,
        UserName: $scope.domainusername,
        Password: $scope.domainps
    };
    $http({
        method: 'POST',
        //url: 'Login/LoginUser?user=' + $scope.username + '&password=' + $scope.ps,
        url: 'Login/UpdateDomainConfiguration',
        data: data,
        headers: { "Content-Type": "application/json" }
    })
        .then(function successCallback(response) {
            var userid = 0;
            $scope.message = response.data;  
            //$log.info(response);                               
            $scope.GetUserConfigDetails();

        }, function errorCallback(response) {
            // called asynchronously if an error occurs
            // or server returns response with an error status.
            alert(response.data);
        });                
}

【问题讨论】:

  • 你能发布你的get方法吗?我建议你为你的 API 使用服务..

标签: javascript angularjs


【解决方案1】:

您根据您的代码所做的只是将其保存到 db 中,但从未获取它(虽然不确定这个 $scope.GetUserConfigDetails();)。

您需要做的是在将其保存到数据库后,再次获取数据并将其分配给您的 ng-repeat 数组。或者您可以简单地将您保存到数据库中的数据插入到您现有的数组中,这样您就不必再次获取。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-09
    • 2017-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多