### 綁定電影類型標題
> 把類型傳進來，并綁定
`movies.js`
~~~javascript
processDoubanData: function (moviesDouban, settedKey, categoryTitle){
var movies = [];
for(var ids in moviesDouban.subjects){
var subject = moviesDouban.subjects[ids];
var title = subject.title;
if(title.length>6){
title = title.substring(0,6) + "...";
}
var temp = {
stars:util.convertToStarsArray(subject.rating.stars),
title:title,
average:subject.rating.average,
coverageUrl:subject.images.large,
movieId:subject.id
}
movies.push(temp);
}
var readyData = {};
readyData[settedKey] = {
categoryTitle: categoryTitle,
movies:movies
};
this.setData(readyData);
},
~~~
### 實現到詳情頁的跳轉
`app.json`
> 創建更多電影頁面
~~~json
"pages/movies/more-movie/more-movie"
~~~
`movie-list-template.wxml`
~~~html
<text class="slogan">{{categoryTitle}}</text>
<view catchtap="onMoreTap" class="more" data-category="{{categoryTitle}}">
<text class="more-text">更多</text>
<image class="more-img" src="/images/icon/arrow-right.png"></image>
</view>
~~~
`movies.js`
~~~javascript
onMoreTap:function(event){
var category = event.currentTarget.dataset.category;
wx.navigateTo({
url: 'more-movie/more-movie?category='+category,
})
},
~~~
`more-movie.js`
~~~javascript
onLoad: function (options) {
var category = options.category;
console.log(category);
},
~~~
### 動態設置導航欄標題
`more-movie.js`
~~~javascript
onLoad: function (options) {
var category = options.category;
this.setData({
navigateTitle:category
})
console.log(category);
},
onReady:function(event){
wx.setNavigationBarTitle({
title: this.data.navigateTitle
})
},
~~~
