Forum : AngularJS et CakePHP

Bonjour, Je fais appel à votre aide pour ce coup puisque je ne comprend vraiment pas d'où vient mon problème. Alors pour résumer, je suis en train de coder une application qui fonctionne entièrement en ajax avec la directive ng-view et le module ngRoutes. En fait, je fais donc une requête sur mon application (code PHP) lui demande un première vue, qui est en faite le layout. Celui-ci contient en autre la directive en question et tout ce qui ne bougera pas après chaque chargement de page. Je précise donc à ma requête une entête HTTP ("X-Requested-With" => "XMLHttpRequest") pour ainsi le détecter. Serveur : [code] public function beforeFilter() { // ... if ($this->request->is("ajax") $this->layout = "ajax"; // ... } [/code] Client : [code] app.config(function($routeProvider, $locationProvider, $httpProvider) { $httpProvider.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest"; $locationProvider.html5Mode(true); // Les requêtes vont comme suis... $routeProvider.when("/:controller/:action/:param1", { templateUrl: function(params) { return "/" + params.controller + "/" + params.action + "/" + params.param1; } }); // d'autres règles... $routeProvider.when("/", { templateUrl: "/" }); $routeProvider.otherwise({ redirectTo: "/" }); }); [/code] Enfin bon, mon but n'était pas vraiment de vous envoyer du code, d'où certaines coupures dans le code. C'est plutôt étonnant parce que d'une part, ça fonctionne sur tous les navigateurs (Chrome, Firefox, Opera, etc.) sauf sur Internet Explorer (peu importe la version récente). Si j'ouvre le débogueur Internet Explorer, tout fonctionne à merveille, mais dès que rien est ouvert, le navigateur n'arrive pas à rendre la vue (on dirait une boucle infinie). J'ai regardé s'il y avait des erreurs au niveau de la console, malheureusement non. J'ai donc mis quelques logs dans mon code PHP : **Sur Chrome :** **Requête Layout** REDIRECT_REDIRECT_MIBDIRS => C:/App/xampp/php/extras/mibs REDIRECT_REDIRECT_MYSQL_HOME => \xampp\mysql\bin REDIRECT_REDIRECT_OPENSSL_CONF => C:/App/xampp/apache/bin/openssl.cnf REDIRECT_REDIRECT_PHP_PEAR_SYSCONF_DIR => \xampp\php REDIRECT_REDIRECT_PHPRC => \xampp\php REDIRECT_REDIRECT_TMP => \xampp\tmp REDIRECT_REDIRECT_STATUS => 200 REDIRECT_MIBDIRS => C:/App/xampp/php/extras/mibs REDIRECT_MYSQL_HOME => \xampp\mysql\bin REDIRECT_OPENSSL_CONF => C:/App/xampp/apache/bin/openssl.cnf REDIRECT_PHP_PEAR_SYSCONF_DIR => \xampp\php REDIRECT_PHPRC => \xampp\php REDIRECT_TMP => \xampp\tmp REDIRECT_STATUS => 200 MIBDIRS => C:/App/xampp/php/extras/mibs MYSQL_HOME => \xampp\mysql\bin OPENSSL_CONF => C:/App/xampp/apache/bin/openssl.cnf PHP_PEAR_SYSCONF_DIR => \xampp\php PHPRC => \xampp\php TMP => \xampp\tmp HTTP_HOST => nomdusite.local HTTP_CONNECTION => keep-alive HTTP_ACCEPT => text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 HTTP_USER_AGENT => Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.114 Safari/537.36 HTTP_ACCEPT_ENCODING => gzip,deflate,sdch HTTP_ACCEPT_LANGUAGE => fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4 PATH => C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Git\cmd;C:\Program Files (x86)\Git\bin;C:\Program Files\nodejs\;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;C:\App\xampp\php;C:\ProgramData\ComposerSetup\bin;C:\Users\MonNom\AppData\Roaming\npm;C:\Users\MonNom\SkyDrive\Projet\Site Web\Nom Du Site\app\Console;C:\app\xampp\php SystemRoot => C:\Windows COMSPEC => C:\Windows\system32\cmd.exe PATHEXT => .COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC WINDIR => C:\Windows SERVER_SIGNATURE => Apache/2.4.9 (Win32) OpenSSL/1.0.1g PHP/5.5.11 Server at nomdusite.local Port 80 SERVER_SOFTWARE => Apache/2.4.9 (Win32) OpenSSL/1.0.1g PHP/5.5.11 SERVER_NAME => nomdusite.local SERVER_ADDR => 127.0.0.1 SERVER_PORT => 80 REMOTE_ADDR => 127.0.0.1 DOCUMENT_ROOT => C:/Users/MonNom/SkyDrive/Projet/Site Web/Nom Du Site REQUEST_SCHEME => http CONTEXT_PREFIX => CONTEXT_DOCUMENT_ROOT => C:/Users/MonNom/SkyDrive/Projet/Site Web/Nom Du Site SERVER_ADMIN => postmaster@localhost SCRIPT_FILENAME => C:/Users/MonNom/SkyDrive/Projet/Site Web/Nom Du Site/app/webroot/index.php REMOTE_PORT => 5297 REDIRECT_URL => /app/webroot/games GATEWAY_INTERFACE => CGI/1.1 SERVER_PROTOCOL => HTTP/1.1 REQUEST_METHOD => GET QUERY_STRING => REQUEST_URI => /games SCRIPT_NAME => /app/webroot/index.php PHP_SELF => /app/webroot/index.php REQUEST_TIME_FLOAT => 1401509391.538 REQUEST_TIME => 1401509391 **Requête Vue** REDIRECT_REDIRECT_MIBDIRS => C:/App/xampp/php/extras/mibs REDIRECT_REDIRECT_MYSQL_HOME => \xampp\mysql\bin REDIRECT_REDIRECT_OPENSSL_CONF => C:/App/xampp/apache/bin/openssl.cnf REDIRECT_REDIRECT_PHP_PEAR_SYSCONF_DIR => \xampp\php REDIRECT_REDIRECT_PHPRC => \xampp\php REDIRECT_REDIRECT_TMP => \xampp\tmp REDIRECT_REDIRECT_STATUS => 200 REDIRECT_MIBDIRS => C:/App/xampp/php/extras/mibs REDIRECT_MYSQL_HOME => \xampp\mysql\bin REDIRECT_OPENSSL_CONF => C:/App/xampp/apache/bin/openssl.cnf REDIRECT_PHP_PEAR_SYSCONF_DIR => \xampp\php REDIRECT_PHPRC => \xampp\php REDIRECT_TMP => \xampp\tmp REDIRECT_STATUS => 200 MIBDIRS => C:/App/xampp/php/extras/mibs MYSQL_HOME => \xampp\mysql\bin OPENSSL_CONF => C:/App/xampp/apache/bin/openssl.cnf PHP_PEAR_SYSCONF_DIR => \xampp\php PHPRC => \xampp\php TMP => \xampp\tmp HTTP_HOST => nomdusite.local HTTP_CONNECTION => keep-alive HTTP_ACCEPT => application/json, text/plain, */* **HTTP_X_REQUESTED_WITH => XMLHttpRequest** HTTP_USER_AGENT => Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.114 Safari/537.36 HTTP_REFERER => http://nomdusite.local/games HTTP_ACCEPT_ENCODING => gzip,deflate,sdch HTTP_ACCEPT_LANGUAGE => fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4 PATH => C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Git\cmd;C:\Program Files (x86)\Git\bin;C:\Program Files\nodejs\;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;C:\App\xampp\php;C:\ProgramData\ComposerSetup\bin;C:\Users\MonNom\AppData\Roaming\npm;C:\Users\MonNom\SkyDrive\Projet\Site Web\Nom Du Site\app\Console;C:\app\xampp\php SystemRoot => C:\Windows COMSPEC => C:\Windows\system32\cmd.exe PATHEXT => .COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC WINDIR => C:\Windows SERVER_SIGNATURE => Apache/2.4.9 (Win32) OpenSSL/1.0.1g PHP/5.5.11 Server at nomdusite.local Port 80 SERVER_SOFTWARE => Apache/2.4.9 (Win32) OpenSSL/1.0.1g PHP/5.5.11 SERVER_NAME => nomdusite.local SERVER_ADDR => 127.0.0.1 SERVER_PORT => 80 REMOTE_ADDR => 127.0.0.1 DOCUMENT_ROOT => C:/Users/MonNom/SkyDrive/Projet/Site Web/Nom Du Site REQUEST_SCHEME => http CONTEXT_PREFIX => CONTEXT_DOCUMENT_ROOT => C:/Users/MonNom/SkyDrive/Projet/Site Web/Nom Du Site SERVER_ADMIN => postmaster@localhost SCRIPT_FILENAME => C:/Users/MonNom/SkyDrive/Projet/Site Web/Nom Du Site/app/webroot/index.php REMOTE_PORT => 5297 REDIRECT_URL => /app/webroot/games GATEWAY_INTERFACE => CGI/1.1 SERVER_PROTOCOL => HTTP/1.1 REQUEST_METHOD => GET QUERY_STRING => REQUEST_URI => /games SCRIPT_NAME => /app/webroot/index.php PHP_SELF => /app/webroot/index.php REQUEST_TIME_FLOAT => 1401509392.834 REQUEST_TIME => 1401509392 On peut retrouver exactement la même chose sur Internet Explorer, à l'exception qu'il y a seulement la requête du layout. **Hypothèses** Est-ce que Internet explorer fait la validation du JavaScript autrement, et lorsque le débogueur est ouvert, il omet de le faire ? Est-ce ce module ne serait tout simplement pas compatible avec Internet Explorer ? À la base, j'aurais probablement pensé que mon client n'envoyait tout simplement pas l'entête http ou que le fonction de cakephp ne détectait pas, mais malheureusement ce n'est pas le cas puisque seulement une requête est loggé. Ce qui aurait donné ça : [code]

Vous voyez la boucle infinie ? :p<ng-view>

<!-- ... -->

<ng-view>
    <!-- même chose... -->
</ng-view>

<!-- les scripts... -->

</ng-view>[/code] ** Image du débogueur IE lorsque la page et la navigation est fonctionnelle : https://onedrive.live.com/?cid=258056fd0a22c7bf&id=258056FD0A22C7BF%2111200&action=Share&v=3 Image d'IE lorsque la page ne fonctionne pas (freeze) : https://onedrive.live.com/?cid=258056fd0a22c7bf&id=258056FD0A22C7BF%2111201&action=Share&v=3 PS : test effectué sur un serveur apache classique sur Linux. Merci beaucoup, Ramz.

AngularJS et CakePHP

1 réponse