Ionic Calendar Dynamic Title

ionic-v1
1

Hello,

I have successfully added Ionic Callendar to my project. Everything loads fine except the Title on top.
view-title={{viewTitle}} shouldn’t do the job?

This is my html code:

<ion-view view-title={{viewTitle}} id="page4">
   <ion-nav-buttons side="right">
      <button class="button " ng-disabled="isToday()" ng-click="today()">Today</button>
      <!--<button class="button" ng-click="changeMode('month')">M</button> -->
      <button class="button" ng-click="changeMode('week')">W</button>
      <button class="button" ng-click="changeMode('day')">D</button>
      <button class="button" ng-click="loadEvents()">Load Events</button>
    </ion-nav-buttons>
    <ion-content scroll="false" class="main-content ">
   
    <calendar ng-model="calendar.currentDate" 
              calendar-mode="calendar.mode" 
              event-source="calendar.eventSource"
              show-weeks="calendar.showWeeks"
              range-changed="reloadSource(startTime, endTime)"
              event-selected="onEventSelected(event)" 
              title-changed="onViewTitleChanged(title)"
              time-selected="onTimeSelected(selectedTime)">
    </calendar>
  </ion-content>
</ion-view>

Also, is there any option to load events from an .ics file?

image
Screenshot_2017-02-16-20-28-52.png1080×1920 74.6 KB

2

I think for Dynamic loading, you have to use

<ion-nav-title>

For e.g.,

<ion-view>
<ion-nav-title>{{Title}}</ion-nav-title>
</ion-view>
3

Hi and thanks for your reply. I did make that change but no result. The Title is still blank.

<ion-view id="page4">
  <ion-nav-title>{{viewTitle}}</ion-nav-title>
   <ion-nav-buttons side="right">
      <button class="button " ng-disabled="isToday()" ng-click="today()">Today</button>
      <!--<button class="button" ng-click="changeMode('month')">M</button> -->
      <button class="button" ng-click="changeMode('week')">W</button>
      <button class="button" ng-click="changeMode('day')">D</button>
      <button class="button" ng-click="loadEvents()">Load Events</button>
    </ion-nav-buttons>
    <ion-content scroll="false" class="main-content ">
   
    <calendar ng-model="calendar.currentDate" 
              calendar-mode="calendar.mode" 
              event-source="calendar.eventSource"
              show-weeks="calendar.showWeeks"
              range-changed="reloadSource(startTime, endTime)"
              event-selected="onEventSelected(event)" 
              title-changed="onViewTitleChanged(title)"
              time-selected="onTimeSelected(selectedTime)">
    </calendar>
  </ion-content>
</ion-view>
4

then you would have to inspect the element in chrome dev and see whats the issue