jQuery UI Widgets Forums Navigation NavigationBar, ToolBar, NavBar Angularjs jqx-tool-bar

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 8 years, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Angularjs jqx-tool-bar #83472

    rbostan
    Participant

    Hi all,
    I’m trying to use angular version of toolbar.

    HTML

    <div ng-controller="VehicleController">
    <jqx-tool-bar jqx-settings="toolbarSettings"></jqx-tool-bar>
    </div>

    and js

    app.controller('VehicleController',function($scope,$stateParams){
    	$scope.title="Vehicles";
    	$scope.toolbarSettings=[{width:'300px',tools:'toggleButton button | button'}];
    });

    It says on console
    Invalid property: 0

    How can i implement that ang-toolbar.

    Also angular directives documentation not enough to use on jqxwidgets website.

    Thanks a lot, see you.

    Angularjs jqx-tool-bar #83473

    Dimitar
    Participant

    Hi rbostan,

    $scope.toolbarSettings has to be a plain object, not an array, i.e.:

    $scope.toolbarSettings = {
        width: '300px',
        tools: 'toggleButton button | button'
    };

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.