I am trying to implement a quiz engine in my organisation and I found an open source code (angularjs) that fulfill my requirements, (you can find the project here) (a live demo here) so naturally I would like to integrate it directly in my visualforce page but it does not work, it shows me a blank page.
Here is my visual force page ( actually, I have modified the index.html file to include all the other files as static resources ). Are there any other modifications to do for the other files (knowing that I have worked with angularjs before)?
<apex:page showHeader="false">
<html ng-app="appNameHere">
<head>
<!-- You may wish to bundle and minify in your project. It is not bundled and minified here to keep things simple here. -->
<!--<link href="css/bootstrap.min.css" rel="stylesheet" />-->
<apex:stylesheet value="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<apex:stylesheet value="{!URLFOR($Resource.cssAngular, 'css/style.css')}"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-sanitize.min.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"/>
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"/>
<apex:includeScript value="{!URLFOR($Resource.app, 'app/app.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.app, 'app/helperService.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.app, 'app/quizCtrl.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.app, 'app/createCtrl.js')}"/>
</head>
<body>
<div class="container">
<div class="ng-view"></div>
</div>
</body>
</html>
</apex:page>