无法通过范围选择在页面之间传递数据

Question

我在使用 angular JS 制作移动应用程序时遇到问题，在第一页上使用 select 选项为下一页传递数据时。对于下一页不能显示任何东西只是空白屏幕。有关更多详细信息，请检查 my plunker 以找出我的脚本有什么问题。这是我的 "script.js" 来自我的 plunker:

angular.module('ex', [
  'ngRoute',
  'ngStorage',
])

.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider
      .when('/view1', {
        templateUrl: 'view1.html',
        controller: 'View1Ctrl',
      })
      .when('/view2', {
        templateUrl: 'view2.html',
        controller: 'View2Ctrl',
      })
      .otherwise('/view1');
  }
])

.controller('View1Ctrl', ['$scope', '$location', '$localStorage',
  function($scope, $location, $localStorage) {
    $scope.view1 = $localStorage.view1 = {
      text: '',
      number: 0,
      type: '',
      discount: '',
    };

    $scope.producttype = [{
      product: "A",
      value: 7900000,
      discount1: 5612,
      discount2: 79000
    }, {
      product: "B",
      value: 10200000,
      discount1: 5612,
      discount2: 79000
    }, {
      product: "C",
      value: 11000000,
      discount1: 5612,
      discount2: 79000
    }, {
      product: "D",
      value: 7300000,
      discount1: 5612,
      discount2: 79000
    }, {
      product: "E",
      value: 10000000,
      discount1: 5612,
      potongan2: 79000
    }, {
      product: "F",
      value: 11200000,
      discount1: 5612,
      discount2: 79000
    }, ];

    $scope.submit = function() {
      $location.path('/view2');
    };
  }
])

.controller('View2Ctrl', ['$scope', '$localStorage',
  function($scope, $localStorage) {
    // I want show discount list based on "Discount Type" like "discount1" for "good" and "discount2" for "decent"
    if (view1.type == "Good") {
      view1.selection = view1.type.discount1;
      console.log(view1.discount);
    } else {
      view1.selection = view1.type.discount2;
      console.log(view1.discount);
    }

    $scope.view1 = $localStorage.view1;
  }
])

除此之外，我如何计算显示基于 "Discount Type" 的折扣列表，例如 "discount1" 用于 "good" 和 "discount2" 用于 "decent" 在下一页(view2.html)?

非常感谢您。

Answer 1

请在此处 plunk 查看更新

Mailny，我已经参加了提交保存到本地存储的事件，

$scope.submit = function() {
  $localStorage.view1 = $scope.view1;
  $location.path('/view2');
};

并更改了 view2 中的一些内容以指向 $scope.view1

 if ($scope.view1.type == "Good") {
  $scope.view1.selection = $scope.view1.type.discount1;
  console.log($scope.view1.discount);
} else {
  $scope.view1.selection = $scope.view1.type.discount2;
  console.log($scope.view1.discount);
}

无法通过范围选择在页面之间传递数据

Cannot Passing Data Between Pages with range selection

local-storage

angularjs

ionic-framework

ionic