Bueno te comentaré algunos puntos que tienes mal:
- La data debe ir contenida en un objeto, tu estructura esta mal puesto que tienes una especie de vector pero que también esta mal formado
Vector
let algo = [algo1, algo2, algo3, ......]
Objeto
let algo = {
algo1: valor1,
algo2: valor2,
algo3: ......
}
- Debes colocar la URL real del destino al cual estás apuntando, es decir a tu código le hace falta:
- Protocolo, que en este caso debe ser
HTTPS
- Protocolo, que en este caso debe ser
Te dejo el ejemplo funcional:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Ejemplo :D</title>
</head>
<body>
<div ng-app="app" ng-controller="videitos">
<a href="{{ post.url }}" target="_blank">{{post.nombre }}</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script>
let app = angular.module('app', [])
app.controller('videitos', function($scope) {
$scope.post = {
nombre: "Youtube",
url: "https://www.youtubeejemplo.com/",
descripción: "Pagina de videos web"
}
})
</script>
</body>
</html>
Referencia