简体   繁体   中英

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 ?

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> 

你应该有价值,

http://www.google.com

为data.links提供一个完整的url值,从移动浏览器中复制它,包括https //:和all,这是url未被beibg识别的情况。

use target="_self" instead of target="_blank"

 angular.module("test",[]).controller("testCont",function($scope) { $scope.data={}; $scope.data.links="http://www.google.com/"; }); 
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="test" ng-controller="testCont"> <a ng-href="{{data.links}}" target="_self">{{data.links}}</a> </div> 

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM