在angularjs中,如何将ngModel对象传递给另一个视图



我在angularjs单页应用程序中有2个部分页面。在第1页,我从用户作为ngModel输入,并在下一个按钮上点击,我在下一个部分页面中显示一些图像。如果用户喜欢它,有保存当前模型数据的选项,但在这个页面上我没有ngModel。我如何访问模型对象在第二部分页面提交?

要在页面转换之间共享一些数据,您可以简单地使用$cacheFactory服务。

另一种更直接的方法是将数据保存到$rootScope
所有控制器范围都继承自根范围,因此您可以在第一页上将一些数据保存到$rootScope变量中,然后在下一页上通过$scope访问它。

你可以使用

angular.module("myApp",[]).service("MyService",function(){return {myValue:{}})

或者你可以用角值

angular.module("myApp",[]).
  value("myValue", {}).
  controller("MyCtrl1", function($scope, myValue){
    $scope.someValue = myValue;
  }).
  controller("MyCtrl2", function($scope, myValue){
    $scope.someValue = myValue;
  })

或者你可以使用$routeParams来传递值,如果它是一个id或类似的。

最新更新