Skip to main content
se añadieron 78 caracteres en el cuerpo
Origen Enlace
user128299
user128299

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

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

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

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.youtube.com/",
          descripción: "Pagina de videos web"
        }
      })
    </script>
    </body>
    </html>

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

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.ejemplo.com/",
          descripción: "Pagina de videos web"
        }
      })
    </script>
    </body>
    </html>

Referencia

Origen Enlace
user128299
user128299

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

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.youtube.com/",
          descripción: "Pagina de videos web"
        }
      })
    </script>
    </body>
    </html>