Ini adalah pertanyaan yang sangat menarik dimana saya tidak menemukan jawabannya.
Saya memiliki pandangan berbeda seperti undian di bawah ini:
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??