Error when trying to navigate between nested states


#1

Hello,
I am making an application where there is a “selection page” state and a resultant state based on input from that state. I have 3 buttons that will go to a different state based on which one you press, basically.

Unfortunately, I am returning an error: Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element http://errors.angularjs.org/1.3.13/jqLite/nosel, and all of the line errors return in ionic.bundle.js.

Here is the template:

<ion-view view-title="Choose" ng-controller="ChooseCtrl">
    <ion-content class="padding" ng-controller="ChooseCtrl">
        <h1>Daily Bulletin</h1>
        <p style='text-align:center'>Please select the daily bulletin for your school.</p>
        <a ui-sref="app.upperschool">
            <button class="button button-block button-positive">
                Upper School
            </button>
        </a>
        <a ui-sref="app.middleschool">
            <button class="button button-block button-calm msButton">
                Middle School
            </button>
        </a>
        <a ui-sref="app.lowerschool">
            <button class="button button-block button-stable lsButton">
                Lower School
            </button>
        </a>
    </ion-content>
</ion-view>

If you need more information, like the controllers, I will share that as well.

Thank you all for your help!
Wilson Hobbs