1

我的announce.obj中有一个链接。但是当我点击它时，它在浏览器中给了我错误的 url ( http://www./ )。

html

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

数据链接值

www.google.com

将链接保存在数据库中时应该添加https吗？

4

4 回答 4

2

试试这个$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>

于 2017-11-14T07:00:00.477 回答
1

你应该有这样的价值，

http://www.google.com
于 2017-11-14T06:53:59.390 回答
1

使用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>

于 2017-11-14T07:01:31.090 回答
0

给 data.links 一个完整的 url 值，从移动浏览器复制它，包括 https//: 和 all ，这是 url 无法识别的情况。

于 2017-11-14T06:53:30.747 回答