Follow the below guidelines to run the AngularJS controls using gulp package. Step 1: Create a new directory and configure the gulp setup for it using command prompt. To create “gulpfile.js”, make use of the below steps.
{ "devDependencies": { "gulp": "latest", "gulp-util": "latest", "gulp-sass": "latest", "gulp-coffee": "latest", "gulp-uglify": "latest", "gulp-concat": "latest", "gulp-connect": "latest" } }
Step 3: After creating the above files, the “syncfusion-javascript” package needs to be added into package.json file. { "dependencies": { “angular”: "latest", "syncfusion-javascript": "specify latest version" } }
Step 4: Now create an HTML file “index.html” and render the needed Syncfusion components within it. For example, the Schedule control initialization is as follows: <div ng-controller=”ScheduleCtrl”>
<ej-schedule id=”Schedule1” e-width=”100%” e-height=”525px”></ej-schedule>
</div> Step 5: After creating “index.html” file, the scripts and themes path needs to be referred from the corresponding directory.
Step 6: Finally execute the below commands to run the sample with gulp.
We have prepared the sample in AngularJS with gulp rendering, which can be download from here.
|
This page will automatically be redirected to the sign-in page in 10 seconds.