Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 如何打印特定项目';在点击他们的链接后的标题_Ionic Framework - Fatal编程技术网

Ionic framework 如何打印特定项目';在点击他们的链接后的标题

Ionic framework 如何打印特定项目';在点击他们的链接后的标题,ionic-framework,Ionic Framework,嘿,我想知道是否有人可以帮助我在点击他们的链接后如何打印特定项目的标题。我的代码基本上是默认菜单开始: 在我的主页中我有: <ion-view view-title="main"> <ion-content> <ion-list> <ion-item ng-repeat="page in sidePages" href="#/abstractMain/mainPage/{{page.id}}">

嘿,我想知道是否有人可以帮助我在点击他们的链接后如何打印特定项目的标题。我的代码基本上是默认菜单开始:

在我的
主页中
我有:

<ion-view view-title="main">
    <ion-content>
        <ion-list>
            <ion-item ng-repeat="page in sidePages" href="#/abstractMain/mainPage/{{page.id}}">
                {{page.title}}
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>
我的
侧页的控制器是:

.controller('pageCtrl', function($scope){
  $scope.sidePages = [
    { title: 'name 1', id: 1 },
    { title: 'name 2', id: 2 },
    { title: 'name 3', id: 3 },
    { title: 'name 4', id: 4 },
    { title: 'name 5', id: 5 },
    { title: 'name 6', id: 6 }
  ];
});

我不知道当你点击每个
侧页时如何显示它们的标题,因为现在它们都只打印“Hello”。有没有办法做到这一点,或者我必须重新考虑我的设计?

我认为你应该重新考虑你的设计。以下是一种可能的方法:

  • 创建一个保存页面的服务

  • 创建两个控制器:一个用于页面列表,另一个用于打开的页面。将创建的服务注入两个控制器。您可以通过此服务访问页面阵列

  • 您可以向服务添加
    getAll()
    get(id)
    方法。很简单,他们在干什么,对吗

  • 在页面列表的控制器中:
    $scope.sidePages=PagesService.getAll()
    和单个页面的控制器中:
    $scope.page=PagesService.get(id)
    。您可以在
    $stateParams
    对象中找到打开页面的
    id
    (您也需要将其注入控制器)

  • 我希望这至少足以让你开始

    .controller('pageCtrl', function($scope){
      $scope.sidePages = [
        { title: 'name 1', id: 1 },
        { title: 'name 2', id: 2 },
        { title: 'name 3', id: 3 },
        { title: 'name 4', id: 4 },
        { title: 'name 5', id: 5 },
        { title: 'name 6', id: 6 }
      ];
    });