Menavigasi antara tampilan ion di ionic

Ini adalah pertanyaan yang sangat menarik dimana saya tidak menemukan jawabannya.

Saya memiliki pandangan berbeda seperti undian di bawah ini:

masukkan deskripsi gambar di sini

Saya memiliki file html pertama yang berisi tiga tampilan. Saya menggunakan kode di bawah ini untuk itu:

$stateProvider
    .state('home', {
  url: '/home',
  views: {
    day: {
      templateUrl: 'home.html',

    }
  }
})

 .state('help', {
  url: '/help',
  views: {
    day: {
      templateUrl: 'help.html'
    }
  }
})

 .state('contact', {
  url: '/contact',
  views: {
    day: {
      templateUrl: 'contact.html'
    }
  }
})

dan di file html wadahnya: <ion-nav-view name="day"></ion-nav-view>

lalu file HTML kedua yang berisi konten dan beberapa tampilan seperti:

.state('c', {
  url: '/c',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('h', {
  url: '/h',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

dan wadah di file html kedua : <ion-nav-view name="view"></ion-nav-view>

Saat mengklik item mana pun dari tampilan html pertama, item tersebut harus dialihkan ke file html kedua dengan kedua tampilan.

Apa yang sebenarnya harus saya gunakan??

Saya mencoba melakukan ini:

buat file html racine yang akan menganggap dua file html sebagai ion-views :

lalu lakukan perubahan pada negara penyedia seperti ini :

$stateProvider
    .state('index.home', {
  url: '/home',
  views: {
    day: {
      templateUrl: 'home.html',

    }
  }
})

 .state('index.help', {
  url: '/help',
  views: {
    day: {
      templateUrl: 'help.html'
    }
  }
})

 .state('index.contact', {
  url: '/contact',
  views: {
    day: {
      templateUrl: 'contact.html'
    }
  }
})

 .state('match.c', {
  url: '/c',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('match.h', {
  url: '/h',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

 .state('index', {
  url: '/index',
    abstract: true,
  views: {
    index: {
      templateUrl: 'first.html'
    }
  }
})

 .state('index.match', {
  url: '/match',

  views: {
    day: {
      templateUrl: 'second.html'
    }
  }
})

tolong bagaimana menurut anda??

DEMO PLUNKER


person Yasser B.    schedule 29.05.2015    source sumber
comment
menyediakan kodepen? Saya mungkin bisa membantu Anda!   -  person Karan Kumar    schedule 29.05.2015
comment
Terima kasih atas komentar Anda, kode plunker : plnkr.co/edit/DNT9TTpS0HdaNShkZjSW?p=preview   -  person Yasser B.    schedule 29.05.2015


Jawaban (1)


Dari pengertian pertanyaan. Apakah ini yang anda inginkan ? Jika tidak, beri tahu saya. saya akan mengeditnya. Anda perlu menelepon ui-sref="match.h" di home.html, dengan cara ini 'resume' Anda akan ditampilkan pada transisi halaman.

Plunker

person Karan Kumar    schedule 29.05.2015
comment
Oke tidak apa-apa Anda memecahkan salah satu masalah, Cara kembali ke halaman beranda, saya menggunakan us-sref="index.home" - person Yasser B.; 29.05.2015