Excelent! Thanks again!

Perfect, I installed the new version via copy files in the lib directory.
another question.
I can not create and attach at runtime option items
Codepen Example:
https://codepen.io/anon/pen/wJyRaq?&editors=101

I create the application via monaca, with the “create” command.
To upgrade to version 2.2.0, I just need to copy the libraries to \ www \ lib \ onsenui ? or via npm?
Thansk

Ons-select is not displayed as a select, it simply shows the 3 options.
There are no js errors on the console.
I’m using the example of the tutorial, and so it does not work.
Any suggestions?
Thanks

  <ons-template id="mensajes.html">
    <ons-page id="mensajes">
      <ons-toolbar>
        <div class="left">
          <ons-toolbar-button onclick="fn.open()">
            <ons-icon icon="md-menu"></ons-icon>
          </ons-toolbar-button>
        </div>
        <div id="cd_title" class="center">MENSAJES
        </div>
        <div class="right">
          <ons-back-button>Volver</ons-back-button>
        </div>
      </ons-toolbar>
      <h3>Choose a type of select with different modifiers:</h3>
      <ons-select id="choose-sel" modifier="basic">
        <option value="basic">Basic</option>
        <option value="material">Material</option>
        <option value="underbar">Underbar</option>
      </ons-select>
    </ons-page>
  </ons-template>

Perfect!. @Fran-Diox
I solved using a service object to store states and data between pages.
Thanks Again

Sorry Frank, another question…
When I call load method to load a new page, I need to pass an object, to initialice the page.
If i use the navigator object and pushpage method, that allows me send this object.
E.g.

document.querySelector('#myNavigator').pushPage('sponsors.html', { data: { carrera: _actualCarrera[0] } });

But I can’t use this when I try to send the object via load method
E.g.

  content.load(page, { data: { carrera: _actualCarrera[0] } }).then(menu.close.bind(menu));

The documentation of load method, tells about options object, but I dont know how use it correctly.

Great!!!
Thanks Fran!!

Hi, i have problems using ons-splitter. When i click an item, then call fn.load to load page, the page is loaded but the events for the listener init or show don’t fire
Codepen:
https://codepen.io/anon/pen/gmXXxm?&editors=101

The code from tutorials page:

<ons-splitter>
  <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
    <ons-page>
      <ons-list>
        <ons-list-item onclick="fn.load('home.html')" tappable>
          Home
        </ons-list-item>
        <ons-list-item onclick="fn.load('settings.html')" tappable>
          Settings
        </ons-list-item>
        <ons-list-item onclick="fn.load('about.html')" tappable>
          About
        </ons-list-item>
      </ons-list>
    </ons-page>
  </ons-splitter-side>
  <ons-splitter-content id="content" page="home.html"></ons-splitter-content>
</ons-splitter>

<ons-template id="home.html">
  <ons-page>
    <ons-toolbar>
      <div class="left">
        <ons-toolbar-button onclick="fn.open()">
          <ons-icon icon="md-menu"></ons-icon>
        </ons-toolbar-button>
      </div>
      <div class="center">
        Main
      </div>
    </ons-toolbar>
    <p style="text-align: center; opacity: 0.6; padding-top: 20px;">
      Swipe right to open the menu!
    </p>
  </ons-page>
</ons-template>

<ons-template id="settings.html">
  <ons-page>
    <ons-toolbar>
      <div class="left">
        <ons-toolbar-button onclick="fn.open()">
          <ons-icon icon="md-menu"></ons-icon>
        </ons-toolbar-button>
      </div>
      <div class="center">
        Settings
      </div>
    </ons-toolbar>
  </ons-page>
</ons-template>

<ons-template id="about.html">
  <ons-page>
    <ons-toolbar>
      <div class="left">
        <ons-toolbar-button onclick="fn.open()">
          <ons-icon icon="md-menu"></ons-icon>
        </ons-toolbar-button>
      </div>
      <div class="center">
        About
      </div>
    </ons-toolbar>
  </ons-page>
</ons-template>

window.fn = {};

window.fn.open = function() {
  var menu = document.getElementById('menu');
  menu.open();
};

window.fn.load = function(page) {
  var content = document.getElementById('content');
  var menu = document.getElementById('menu');
  content.load(page)
    .then(menu.close.bind(menu));
};
document.addEventListener('init', function (event) {
 
    if (event.target.id === 'settings') {
        alert('init');
    }
  
}, false);

document.addEventListener('show', function (event) {
 
    if (event.target.id === 'settings.') {
        alert('show');
    }
  
}, false);