angular-surveys icon indicating copy to clipboard operation
angular-surveys copied to clipboard

How to lauch the app

Open nsilverio opened this issue 9 years ago • 11 comments

Hello I am new to Angular and I tried to launch the app using npm install / npm start but it did not work. I could not found further details on the readme file. I appreciate your help Thank you

nsilverio avatar Jul 31 '16 18:07 nsilverio

Hi Demos should work after running npm install and bower install in root git clone directory. To see bootstrap demo open demo/demo.html Material design demo is in demo-material/demo.html

If you want to add surveys to your app, run: bower install angular-surveys --save Then you need to include dependencies and survey module's css and js files like in the demo.

Available directives are described here https://github.com/mwasiluk/angular-surveys/wiki/Directives

Hope this helps.

mwasiluk avatar Aug 03 '16 11:08 mwasiluk

Hello npm and bower and install was the commands that I tried but I could not launch the app accessing demo directory on my browser. Is there any specific command for gulp? Thank you

nsilverio avatar Aug 12 '16 00:08 nsilverio

Hi, It turned out that there was a problem with a bower dependency Sortable; ng-sortable directive was removed from the lib and was moved to https://github.com/SortableJS/angular-legacy-sortablejs. I've added this file to the 'vendor' directory. The demo should work now. Let me know if there are any more issues. Thanks

mwasiluk avatar Aug 12 '16 00:08 mwasiluk

Hello Thanks for your previous reply. I followed the same instructions after cloning the project again and I still can't launch the application. I'm afraid I should run some commands for making gulp start but I am not familiar with these, but for grunt I would run grunt serve --force and then opening the app on my browser. Could you provide me a detailed list of steps you are following to run the app locally?

Thank you

nsilverio avatar Aug 12 '16 00:08 nsilverio

Hi nsilverio,

I just started playing with angular-surveys and had the same issue. Here are the steps I followed to get the demo working:

  1. clonerepo
  2. run 'bower install angular-surveys --save' in base directory
  3. copy ~/vendor/angular-legacy-sortable.js to ~/bower_components/Sortable/ renaming the file to ng-sortable.js
  4. Ran demo (sorta)
    • You have to run the demo on your local webserver, and in my case I had to add the JSON MIME type to my IIS config, as the demo *.json files weren't loading in the stock ASP.NET project I created for running the demo

Good luck!

donlinmi avatar Aug 13 '16 03:08 donlinmi

Hi all, If you have cloned the angular-surveys repository, then this steps should be enough:

  1. npm install in cloned project root
  2. bower install in cloned project root 3.a open demo/demo.html with local server, eg if you're using intellij idea: mouse right click on demo/demo.html -> 'Run demo.html' 3.b OR run gulp serve or gulp serve-bootstrap; It should open the demo page (localhost:8080) in your default browser. It will also watch for changes in surveys source and will refresh page automatically after rebuilding dist.

mwasiluk avatar Aug 13 '16 12:08 mwasiluk

Hello everyone I managed to run the demo using

npm install
bower install 
gulp serve 

Thank you all for the support. I am now trying to figure ou which files should be transferred to to my remote server in order to have the demo working and also the correct gulp task to generate the files. Could anyone advise?

Cheers

nsilverio avatar Aug 15 '16 12:08 nsilverio

Failed to instantiate module ng-sortable due to:

Error: [$injector:nomod] Module 'ng-sortable' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

image

sunil233 avatar Feb 18 '17 17:02 sunil233

Sorry I am new how to open this project using visual studio...?

mohammadamer avatar Mar 27 '17 11:03 mohammadamer

@mwasiluk It is better if you can create a tutorial on how to built this kind of an application, or just a demonstration on how to integrate this library to a back end. Never the less, awesome work you have done here.

nishanc avatar Sep 19 '18 02:09 nishanc

how to integreated angular 8 project . and how to create the internal linkes and material designes please tell me.

srikanth-vanga-pipra avatar Dec 31 '19 06:12 srikanth-vanga-pipra