Como combinar angularjs e xhtml?
Aqui está um exemplo de um exemplo mínimo para angularjs que funciona quando salvo comoangular.html:
<!DOCTYPE html>
<html lang="en" xmlns:ng="http://angularjs.org" ng:app="">
<head>
<title>My HTML File</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
</head>
<body>
<p>Nothing here {{'yet' + '!'}}</p>
</body>
</html>
No entanto, acredito firmemente em XML e gosto de criar todos os meus documentos html compatíveis com XML. Tentei adaptar o exemplo e salvá-lo comoangular.xhtml:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:ng="http://angularjs.org" ng:app="">
<head>
<title>My HTML File</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js" />
</head>
<body>
<p>Nothing here {{'yet' + '!'}}</p>
</body>
</html>
As grandes mudanças são o xhtml-Namespace e a extensão do arquivo ".xhtml". Não há erro ou qualquer coisa. Apenas a página é exibida como se o angular não estivesse presente.
Como obtenho angularjs trabalhando com um arquivo compatível com XML?