I apologize - I didn’t mean to sound so harsh. I do understand that there is a lot of focus areas for the Onsen team and do appreciate that they provided a great open source product. I have just been having a lot of frustration going back and forth from Framework7, Ionic 1, Ionic 2, and then settling on Onsen 2 and then having roadblocks due to lack of documentation, I just get very worked up when my development progress is impeded. :relaxed:

Fran, that makes sense, thanks for pointing that out. I’ll take another look at that tutorial. By the way, did you see my other forum post about integrating Angular 1.5 component? Not sure if you had any thoughts.

Munsterlander, I think the documentation needs to show that I can use ng-hold, ng-swipeleft etc as a property, and an example in angular should be enough. But I also think it would be cool to have that TO-DO app as documentation as it can show a lot of different features. For example, could add ng-hold or ng-swipeleft for completing a task, etc.

Thanks guys for your response.

I have been disappointed by the documentation for Version 2. It says “Angular 1” guide, but all the examples are the same as the vanilla javascript and are not a proper way of interacting with Angular.

For example, the docs say for the gesture detector to get the element by id and add an event listener. I then found later on a public blog that you can add ng-swipeleft (ng-swiperight, ng-hold, etc) to be able to specify an Angular function in the controller. Why are these things not in the OFFICIAL docs?

I am trying to use the new component with Angular 1.5. Unfortunately, it is not rendering correctly with the Onsen components. For example, I wanted to create a toolbar component. However, the properties won’t bind to <ons-toolbar>

Declared on my pages like so:

<shared.components.toolbar left="menu" center="Home Page" right=""></shared.components.toolbar>

The component html:

<ons-toolbar>
        <div class="left">
            <!-- Toolbar-button with different icons depending on the platform. -->
            <ons-toolbar-button component="button/menu">
                <ons-icon icon="ion-navicon, material:md-menu" size="32px, material:24px"></ons-icon>
            </ons-toolbar-button>
        </div>
        <div class="center">{{toolbar.center}}</div>
        <div class="right">

        </div>
    </ons-toolbar>

The component js:

angular.module('theApp').component('shared.components.toolbar', {
    templateUrl: './app/shared/components/toolbar.html',
    controller: toolbarController,
    controllerAs: 'toolbar',
    bindings: {
        left: '@',
        center: '@',
        right: '@'
    }
});

function toolbarController() {
    var vm = this;

}

Howver, it renders the page title as {{toolbar.center}} instead of binding correctly. Any ideas?