Angular js,将值传递给其他页面

时间:2016-07-22 18:20:47

标签: php angularjs

我有2页。
页:1(index.php) 表格数据,姓名,电子邮件,电话等 这些数据将通过角度JS

js page:

$scope.insert=function(){ $http.post("insert.php",{
       'name':$scope.name,
       'email':$scope.email}) 
    .success(function(datasuccess){
       $scope.name=datasuccess.name;
    $scope.email=datasuccess.email; 
    $scope.phone=datasuccess.phone; 
    $scope.cardDisplay();
    });
    };

page:1(insert.php)

$datasuccess[]="Person Name";
    $datasuccess[]="Person email";
    $datasuccess[]="phone";
    print json_encode($datasuccess);

成功后insert.php页面jason数据需要显示到我的index.php页面

{{datasuccess.email}}
{{datasuccess.name}}

确定我的index.php页面有一个表单,提交数据后它将通过insert.php中的angularJS,在insert.php页面中插入一些数据然后从该页面(insert.php)将返回一些数据to index.php我的角度代码:

$scope.insert=function(){ $http.post("insert.php",{
   'name':$scope.name,
   'email':$scope.email}) 
.success(function(datasuccess){
   $scope.name=datasuccess.name;
$scope.email=datasuccess.email; 
$scope.phone=datasuccess.phone; 
$scope.cardDisplay();
});
};

2 个答案:

答案 0 :(得分:1)

创建关联数组

$datasuccess = array(
    "name" => "Person Name",
    "email" => "Person email",
    "phone" => "phone"
);
echo json_encode($datasuccess);

在客户端(JS),您将获得它作为JSON,其属性作为服务器的引用:

$scope.name = datasuccess.name;

然后,您可以通过以下方式将信息绑定到视图中:

{{ name }}

或者:

<span ng-bind="name"></span>

答案 1 :(得分:0)

我认为你没有采取棱角分明的方式,但一种解决方案是使用$rootScope,只需将其注入您的控制器并在您的视图中共享变量,您还可以创建service并分配这些值为您的服务并在您的控制器中使用该服务。

controller('MainController', function($rootScope) {
      $rootScope.name = datasuccess.name;
});

在您的视图中,您只需访问$rootScope $root

即可

page index.html

<div>
    {{$root.name}}
</div>

page2.html

<div>
    {{$root.name}}
</div>