Javascript Angularjs:能够记录数据,但无法显示
我试图创建一个表单,在单击submit时调用一个函数,该函数将发布到php页面(运行查询),然后在页面上显示这些结果 若我在加载时在我的控制器中调用上述函数,我将得到预期的结果(数据以一种模式显示在html表中)。但是,如果我在单击submit时调用该函数。我可以记录数据结果,但它不会显示在我的页面上Javascript Angularjs:能够记录数据,但无法显示,javascript,php,html,angularjs,Javascript,Php,Html,Angularjs,我试图创建一个表单,在单击submit时调用一个函数,该函数将发布到php页面(运行查询),然后在页面上显示这些结果 若我在加载时在我的控制器中调用上述函数,我将得到预期的结果(数据以一种模式显示在html表中)。但是,如果我在单击submit时调用该函数。我可以记录数据结果,但它不会显示在我的页面上 $scope.report={}; var url=“”; //调用提交函数。 $scope.submitForm=function(){ $http.post('url.php').succe
$scope.report={};
var url=“”;
//调用提交函数。
$scope.submitForm=function(){
$http.post('url.php').success(函数(数据){
//将返回的数据存储到范围中
$scope.names=数据;
控制台日志(数据);
$('#myModal').modal();
});
};
提交请求
&时代;
模态头
名称
{{name.first}}
接近
在打开modal之前,尝试添加一个小的$timeout
(不要忘记将$timeout
注入控制器):
首先在html视图页面上打印{names},然后查看结果的结构。可以发布结果。我无法将数据结果{{names}打印到页面。我得到的结果与我试图在模态中显示的结果相同。。但是,如果我调用onLoad函数而不是onSubmit函数,这两个函数仍然会得到原始结果。。我还尝试了将页面上的数据显示在表格中,而不是在模式中。。Can console.log(数据)很好,但屏幕上没有显示结果page@dallas你能给出记录数据的格式吗?您是否检查了
$scope.names
是否具有所需的格式?如果我使用console.log(data),我将获得一个格式为-0:Object First:“John”的对象数组,并且它是否具有您试图通过{name.First}
访问的属性First
?
$scope.submitForm = function() {
$http.post('url.php').success(function(data) {
// Stored the returned data into scope
$scope.names = data;
console.log(data);
$timeout(function () {
$('#myModal').modal();
},250);
});
};