We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

How to bind and set an input with EJ Numeric

Hi Syncfusion Folks,

How can I configure input text for Numeric field in Syncfusion with RequireJS and AngularAMD?

I have a below code, 

<input type="text" class="form-control" id="txtNumber" ej-numerictextbox ng-model="Number" e-value="Number" e-decimalplaces="2" e-showspinbutton="false" e-incrementstep="0" maxlength="15" />

And from Controller I have below code.

        $scope.Number = 15000;


When page is getting load it is not binding initial values neither from e-value nor from ng-model, also I need to specifically mentioned from code behind with ejNumericTextbox() to make that control numeric.

Can you please provide us a way to make this working like normal Angular works, Note, if I assigned like below it is working but I am looking if I can do something with e-value, e-decimalplaces etc... directives?

            name: "numeric",
            value: 5,
            width: "100%"

My questions is also for Calendar, Rating etc... controls.


3 Replies

SS Selvamani Sankarappan Syncfusion Team March 28, 2016 01:22 PM UTC

Hi Rushikesh,

Thanks for Contacting Syncfusion Support,

We have analyzed your query and we have prepared the sample based on your requirement (by using RequireJS with AngularJS). Please get the sample from the following location


Please refer the following code example:


<input id="numeric" type="text" ej-numerictextbox e-value="nvalue"/>



            paths: {

                "jquery": "http://cdn.syncfusion.com/js/assets/external/jquery-2.1.4.min",

                "jquery-easing": "http://cdn.syncfusion.com/js/assets/external/jquery.easing.1.3.min",

                "angular": "http://cdn.syncfusion.com/js/assets/external/angular.min",

                "scripts": 'http://cdn.syncfusion.com/js/assets/external',

                "ejscripts": 'http://cdn.syncfusion.com/'


            shim: {

                "jquery-easing": ["jquery"],



        require(["ejscripts/common/ej.widget.angular.min", "ejscripts/web/ej.editor.min"], function () {

            window.module = angular.module('EditCtrl', ['ejangular']);

            window.module.controller('EditorsCtrl', function ($scope) {

                $scope.nvalue = 600;


            angular.bootstrap(document, ['EditCtrl']);


Please let us know if you need any further assistance,


Selvamani S

RJ Rushikesh Joshi March 28, 2016 01:27 PM UTC

Thanks Selvamani,

I will verify this and will update on this thread, out of this, is there any documentation which I can refer for RequireJS implementation. This will really helps me for future implementation.


SS Selvamani Sankarappan Syncfusion Team March 29, 2016 09:05 AM UTC

Hi Rushikesh,

Thanks for the update,

We have provided the documentation for how to config the RequireJS with our ej components. Please get the more information about the RequireJS from the following link


Refer to the following link to get the dependency script files for TextBox component. Similarly, documentation for other controls dependency script file is present within the corresponding component names.


To know more about the AngularJS, Please refer the following link:


Please refer the following link to know about the AngularJS implementation with our ej components


Please let us know if you need any further assistance,


Selvamani S

Live Chat Icon For mobile
Up arrow icon