¿Cómo combinar angularjs y xhtml?
Aquí hay un ejemplo de un ejemplo mínimo para angularjs que funciona cuando se guarda 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>
Sin embargo, creo firmemente en XML y me gusta crear todos mis documentos html compatibles con XML. Traté de adaptar el ejemplo y guardarlo 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>
Los grandes cambios son el espacio de nombres xhtml y la extensión de archivo ".xhtml". No hay error ni nada. Es solo que la página se muestra como si angular no estuviera presente.
¿Cómo hago que angularjs funcione con un archivo compatible con XML?