gpt4 book ai didi

javascript - 如何检查 Angular.js 应用程序中的 url 输入中是否包含 "http://"?

转载 作者:行者123 更新时间:2023-11-28 00:38:12 25 4
gpt4 key购买 nike

我是 Angular.js 的新手,正在尝试构建一个简单的新闻应用程序,您可以在其中发布一些文本,并且该文本链接到一个网址。

这是我的 HTML:

<html>
<head>
<title>Angular News App</title>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="app2.js"></script>

</head>
<body ng-app="News" ng-controller="MainCtrl">

<div ng-repeat="post in posts">
<a href="{{post.link}}">
{{post.title}}
</a>
</div>
<form ng-submit="addPost()">
<input type="text" placeholder="Title" ng-model="title"></input>
<br>
<input type="text" placeholder="Link" ng-model="link"></input>
<br>
<button type="submit">Post</button>
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</body>

这是我的 app2.js:

angular.module('News', [])
.controller('MainCtrl', [
'$scope',
function($scope){
$scope.posts = [
{title: 'Hotmail.com', link: 'http://www.hotmail.com'},
{title: 'Facebook.com', link: 'http://facebook.com'}
];
$scope.addPost = function(){
if(!$scope.title || $scope.title === ''){ return;}
if(!$scope.link || $scope.link === ''){ return;}
// if statement to be added here?

$scope.posts.push({
title: $scope.title,
link: $scope.link
});
$scope.title= '';
$scope.link= '';
};
}] );

这一切都有效。

现在我想检查提供的链接是否以“http://”开头,如果不是,则将其连接到 $scope.link 的开头。谁能告诉我该怎么做?

我觉得应该可以使用类似的东西:

if(!$scope.link.startsWith("http://)){
$scope.link = "http://" + $scope.link;}

并将其插入到 app2.js 中的其他 if 语句之后。

提前致谢,非常感谢!

汤姆

最佳答案

你可以使用这个:

if(!$scope.posts.link.indexOf("http://")){
//Logic when url starts with HTTP protocol
}

这会检查您提供的链接是否以字符串“http://”开头。

关于javascript - 如何检查 Angular.js 应用程序中的 url 输入中是否包含 "http://"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28237275/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com