ember 新手并试图找出最佳实践。当我切换到日历模板时,问题是 fullCalendar 正在呈现两个日历。
这是控制台输出:
Attempting transition to calendar ember.js?body=1:3499
Transition #3: calendar: calling beforeModel hook ember.js?body=1:3499
Transition #3: calendar: calling deserialize hook ember.js?body=1:3499
Transition #3: calendar: calling afterModel hook ember.js?body=1:3499
Transition #3: Resolved all models on destination route; finalizing transition. ember.js? body=1:3499
Rendering calendar with <app@view:calendar::ember635> Object {fullName: "view:calendar"} ember.js?body=1:3499
Transitioned into 'calendar' ember.js?body=1:3499
Transition #3: TRANSITION COMPLETE.
这是我的代码:
路由器.es6
var Router = Ember.Router.extend({
location: 'history'
});
Router.map(function() {
//...
this.route('calendar');
//...
});
export default Router;
路线/日历.es6
export default Ember.Route.extend();
意见/日历.es6
var CalendarView = Ember.View.extend({
didInsertElement: function() {
$('#calendar').fullCalendar();
}
});
export default CalendarView;
模板/日历.hbs
{{#view "calendar"}}
<nav>
<h1>Schedule</h1>
</nav>
<article id="schedule">
<section>
<div id='calendar'></div>
</section>
</article>
{{/view}}