Search code examples
javascriptangularjsangularjs-ng-href

URL link not redirecting properly in Angularjs


I have a link in my announce.obj. But when I clicked it, it's giving me the wrong url (http://www./) in the browser.

html

<p>
  <a ng-href="{{data.links}}" target="_blank">{{data.links}}</a>
</p>

data.links value

www.google.com

Should I add an https when saving my links in the db or something ?


Solution

  • Try this like $scope.myVar = 'https://www.w3schools.com';:

    var app = angular.module('myAngularApp', []);
    
    var myController = app.controller('myController', MyController);
    
    myController.$inject = ['$scope'];
    
    function MyController($scope){
    
        $scope.myVar = 'https://www.w3schools.com';
    
    }
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    
    <html>
    
    <body ng-app="myAngularApp">
    
    <div ng-controller = "myController">
    <h1>Tutorials</h1>
    <p>Go to <a ng-href="{{myVar}}">{{myVar}}</a> to learn!</p>
    </div>
    
    <p>This example could use the original href attribute, but in AngularJS, the ng-href attribute is safer.</p>
    
    </body>
    </html>