Angular：将对象传递给同一控制器中的不同视图

我正在研究Ionic应用程序，其中，我需要将项目（json对象）传递给视图并将项目绑定到那里。Angular：将对象传递给同一控制器中的不同视图

我已经经历了很多类似的问题了，有可能：

Unable to access $scope variable within same controller

AngularJS: Pass an object into a state using ui-router

但是，似乎没有一个是我的情况下工作。

这里是index.html页的我的HTML标记（从我传递item这里）：

<div class="list card slide-in" ng-repeat="item in posts track by $index"> 
    <h2 ng-bind="item.title" class="assertive"></h2> 
    //comes inside ng-repeat loop; I'm passing the whole json object as parameter to next view 
    <button class="button button-full" ng-click="getPostDetail(item);"> Read More </button> 
</div>

的Html页面posts.html的标记（在这里我需要访问item）：

<ion-view view-title="Read More "> 
    <ion-content class="card-background-page "> 
     <div class="list padding-20"> 
      <h2 ng-bind="selectedPost.title" class="assertive"></h2> 
     </div> 
    </ion-content> 
</ion-view>

我的配置：

app.config(function ($stateProvider, $urlRouterProvider, localStorageServiceProvider) { 
$stateProvider 
.state('tabs.posts', { 
    url: "/posts", 
    params: { 
     obj: null // as per other suggestion, added a param here 
    }, 
    views: { 
     'home-tab': { 
      templateUrl: "templates/post.html", 
      controller: 'main' 
     } 
    } 
})

我的控制器：

app.controller('main', function ($scope, $http, $state, $ionicModal, $location, $stateParams, localStorageService) { 
    $scope.getPostDetail = function (data) { 
     var selectedPost = data; 
     $state.go("tabs.posts", { obj: selectedPost }); 
    } 

})

在点击按钮时，帖子查看加载成功，但没有内容被绑定，即认为是空白

来源

2016-08-02 Cyberpks

除非我失去了一些东西，selectedPost需要在$scope。否则，它不能从视图中访问。所以像这样的东西。

$scope.getPostDetail = function (data) { 
     $scope.selectedPost = data; 
     $state.go("tabs.posts", { obj: selectedPost }); 
    }

来源

2016-08-02 13:30:36

我已经尝试将它传递给'$ scope.selectedPost'（尽管这两个视图共享相同的控制器）给出了相同的输出。 – Cyberpks

Angular：将对象传递给同一控制器中的不同视图

回答

相关问题