2017-11-14 10 views
1

私はannounce.objのリンクを持っています。しかし、私がそれをクリックすると、ブラウザに間違ったURL(http://www./)が与えられます。 DBか何かで私のリンクを保存するときにurlリンクが適切にリダイレクトされていません

HTML

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

data.links値

www.google.com 

iは、HTTPSを追加すべきか?

これを修正するにはどうすればよいですか?

は、

答えて

1

$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>

0

がdata.linksに完全なURL値を与えるありがとうございます。https //を含む携帯電話のブラウザからそれをコピーします。そして、すべて、これは認められbeibgないURLの場合です。

+0

'ます。https://'、順序が – Gibolt

0

使用target="_self"の代わり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>

+0

あなたの答えは完全なURLで試してみて、これを確認した後、404エラー – Priz

+0

を与えている間違っています:https://stackoverflow.com/questions/19773682/angularjs-a-タグリンク非動作@Priz –