Javascript 如何在angularjs中刷新和重新绑定数据库中的数据
hi all iam使用angularjs ngrepeat将数据绑定到表中。我有一个“添加新”按钮,当我单击“引导模型”弹出窗口打开我填写输入详细信息时,单击“提交”意味着数据将正确存储,但表无法获取新数据,但一旦我重新加载,页面数据将显示 我的控制器代码 我的添加新代码: Html代码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
角色名
名称
请输入一个名字
描述
请输入姓氏
活跃的
请输入电子邮件
提交
清楚的
只需将新项添加到数组中即可
$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”)类似的东西是的,它看起来是一样的