Javascript 如何在angularjs中刷新和重新绑定数据库中的数据

Javascript 如何在angularjs中刷新和重新绑定数据库中的数据,javascript,angularjs,node.js,mongodb,mean-stack,Javascript,Angularjs,Node.js,Mongodb,Mean Stack,hi all iam使用angularjs ngrepeat将数据绑定到表中。我有一个“添加新”按钮,当我单击“引导模型”弹出窗口打开我填写输入详细信息时,单击“提交”意味着数据将正确存储,但表无法获取新数据,但一旦我重新加载,页面数据将显示 我的控制器代码 我的添加新代码: Html代码 角色名 名称 请输入一个名字 描述 请输入姓氏 活跃的 请输入电子邮件 提交 清楚的 只需将新项添加到数组中即可 $scope.AddRole = function () { $http.post

hi all iam使用angularjs ngrepeat将数据绑定到表中。我有一个“添加新”按钮,当我单击“引导模型”弹出窗口打开我填写输入详细信息时,单击“提交”意味着数据将正确存储,但表无法获取新数据,但一旦我重新加载,页面数据将显示

我的控制器代码 我的添加新代码: Html代码

角色名
名称
请输入一个名字
描述
请输入姓氏
活跃的
请输入电子邮件
提交
清楚的

只需将新项添加到数组中即可

$scope.AddRole = function () {
    $http.post('/AddNewRole', $scope.Role).success(function (response) {
       $scope.ViewFacilitys.push($scope.Role);
    });
};
您不需要在每次创建新项时获取所有数据。刷新必须只调用一次

对于分页,您可以编写一个简单的函数,将页码发送到服务器:

$scope.changePage = function (page) {
    $scope.get('/ViewFacility?page='+page)
       .then(function (response) {
          $scope.ViewFacilitys = response.data;
       });
}

只需将新项添加到数组中

$scope.AddRole = function () {
    $http.post('/AddNewRole', $scope.Role).success(function (response) {
       $scope.ViewFacilitys.push($scope.Role);
    });
};
您不需要在每次创建新项时获取所有数据。刷新必须只调用一次

对于分页,您可以编写一个简单的函数,将页码发送到服务器:

$scope.changePage = function (page) {
    $scope.get('/ViewFacility?page='+page)
       .then(function (response) {
          $scope.ViewFacilitys = response.data;
       });
}

尝试这样修改
刷新
函数

var refresh = function () {
        $http.get('/ViewFacility').success(function (response) { //assuming this only fetches the newly added one
            $scope.ViewFacilitys.push(response);
    };

尝试这样修改
刷新
函数

var refresh = function () {
        $http.get('/ViewFacility').success(function (response) { //assuming this only fetches the newly added one
            $scope.ViewFacilitys.push(response);
    };


你能分享html代码吗?请检查addRole函数的结果是否响应成功?确保@UtkuApaydin response成功并且数据也存储在db中(我使用的是Mongodb)Hİa gain我问了你的网格html如何将其绑定到你的html响应中控制器是否仍然看到该dom元素的范围。这些是你必须检查的问题。你能分享html代码吗?请检查addRole函数的结果是否响应成功?确保@UtkuApaydin response成功并且数据也存储在db中(我使用的是Mongodb)Hİa gain我问了你的网格html如何将其绑定到你的html响应中控制器是否仍然看到该dom元素的范围。这些都是你必须检查的问题。在重新加载页面数据后@carlos仍然一样,这将不起作用come@jose,carlos的观点是,
reload
应该只调用一次(例如page init),以避免不必要的api调用(除非控制器中的每个记录都生成了数据)@巴拉克我无法重新加载页面,但我想绑定任何数据solution@jose您编写了“iam使用angularjs ngrepeat将数据绑定到表中”,因此如果您从数组中添加或删除ng repeat中使用的某些元素,表格将自动显示updated@CarlosArauz对此我深表歉意,但我需要分页以及任何解决方案的帮助它将不起作用@carlos重新加载页面数据后仍然相同come@jose,carlos的观点是,
reload
应该只调用一次(例如page init),以避免不必要的api调用(除非控制器中的每条记录都生成了数据)@barak我无法重新加载页面,但我想随时绑定数据solution@jose您编写了“iam使用angularjs ngrepeat将数据绑定到表中”,因此,如果从数组中添加或删除ng repeat中使用的某些元素,则该表将自动updated@CarlosArauz对此我深表歉意,但我还需要分页任何解决方案帮助$scope.ViewFacilitys.push(响应);此功能数据也未绑定到表YAR中此输入表单是一个弹出窗口@barakrefer imge may输入表单的外观this@barak@jose,请显示正在使用
ViewFacilitys
的代码(ng repeat=“facility in ViewFacilitys”)看起来像这样的东西是的,它看起来像$scope.ViewFacilitys.push(响应);此功能数据也未绑定到表YAR中此输入表单是一个弹出窗口@barakrefer imge may输入表单的外观this@barak@jose,请显示正在使用的
ViewFacilitys
代码(ng repeat=“facility in ViewFacilitys”)类似的东西是的,它看起来是一样的