jQuery UI Widgets Forums Plugins AngularJS Does it work with ngRoute?

Tagged: ,

This topic contains 5 replies, has 2 voices, and was last updated by  Peter Stoev 5 years, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Does it work with ngRoute? #70213

    activefolder
    Blocked

    View:

    <jqx-button jqx-settings="settings">{{buttonData}}</jqx-button>
    <span>{{buttonData}}</span>

    Cotroller:
    $scope.buttonData = "Click me";

    Span binds correctly but button shows ‘{{buttonData}}’ without ngRoute both works correctly!

    Does it work with ngRoute? #70221

    Peter Stoev
    Keymaster

    Hi activefolder,

    If you would like to report something, then I suggest you to share a complete sample which demonstrates it.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Does it work with ngRoute? #70232

    activefolder
    Blocked

    No thanks, I switched to “”
    There are a lots of issue with jqwidgets

    Does it work with ngRoute? #70238

    Peter Stoev
    Keymaster

    Hi activefolder,

    We have 1000+ demos without issues so it’s strange that you experience a lot of issues. May be you did not read the documentation and did not look at the samples to learn how to use this product. Anyway. Have a good day!

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Does it work with ngRoute? #70241

    activefolder
    Blocked

    Demos always work nicely but only Productions have bug
    Show me a sample with angular routing (ngroute)
    Show me a sample that JavaScript reference (jQWidgets) are bottom of page (not at top or header)!

    Does it work with ngRoute? #70242

    Peter Stoev
    Keymaster

    Hi activefolder,

    If you experience an issue, post a sample which demonstrates it, jsfiddle.net, etc. The issue may be is not in our scripts.

    Here’s a sample where the scripts are at the bottom and the sample works fine.

    <!DOCTYPE html>
    <html ng-app="demoApp">
    <head>
        <title id="Description">jqxButton directive for AngularJS</title>
        <link rel="stylesheet" type="text/css" href="../../jqwidgets/styles/jqx.base.css" />
    </head>
    <body>
        <div ng-controller="demoController">
            <jqx-button jqx-instance="buttonInstance" jqx-height="settings.height" jqx-width="settings.width">Button</jqx-button>
            <jqx-toggle-button jqx-settings="settings">Toggle Button</jqx-toggle-button>
            <br />
            <br>
            <jqx-check-box ng-model="checked">Click me to toggle the disabled state</jqx-check-box>
            <br />
            <br />
            <jqx-button jqx-on-click="onClick(event)" ng-disabled="checked" jqx-settings="settings"><span>{{buttonData.text}}</span></jqx-button>
        </div>
        <script type="text/javascript" src="../../scripts/angular.min.js"></script>
        <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxangular.js"></script>
        <script type="text/javascript" src="../../scripts/demos.js"></script>
        <script type="text/javascript">
            var demoApp = angular.module("demoApp", ["jqwidgets"]);
    
            demoApp.controller("demoController", function ($scope) {
                $scope.buttonInstance = {};
    
                $scope.settings =
                {
                    width: 150,
                    height: 30
                }
    
                // called when a button is clicked. 
                $scope.onClick = function (event) {
                    $scope.buttonData.text = "Clicked";
                };
    
                $scope.buttonData = {
                    text: "Click me"
                }
    
                $scope.checked = true;
            });
        </script>
    </body>
    </html>
    

    You already wrote that you have switched to a different product, so I will close this Topic.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

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

You must be logged in to reply to this topic.