How to check if "http://" is included in url input in Angular.js app?

Question

I'm new to Angular.js and trying to build a simple news app where you post some text and that text is linked to a url.

This is my 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>

And here is my 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= '';
        };
    }] );

This all works.

Now I want to check if the link provided starts with "http://" and if it doesn't then concatenate that to the start of $scope.link. Can anyone tell me how to do this?

I feel it should be possible using something like:

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

and inserting this after the other if statements in app2.js.

Thanks in advance it is much appreciated!

Tom

Like this ?

merours
– merours

2015-01-30 13:50:10 +00:00
Commented Jan 30, 2015 at 13:50 — merours
– merours, Commented Jan 30, 2015 at 13:50

Carlo Gonzales · Accepted Answer · 2015-01-30 14:09:40Z

1

You can use this:

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

This check if the link you have provided have the string "http://" at the beginning.

edited Jan 30, 2015 at 14:09

answered Jan 30, 2015 at 13:58

Carlo Gonzales

3652 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

TomCee Over a year ago

Thanks, that's another good way of doing it similar to what I originally thought.

Carlo Gonzales Over a year ago

Thanks, I forgot. This was supposed to be angular.. I'll change the code.

Jahongir Rahmonov · Accepted Answer · 2015-01-30 14:00:14Z

0

You can use $location like this:

var absolute_url = $location.absUrl();
var first_part = absolute_url.substring(0, 7);

if(first_part === 'http://'){
    # do something here
}

Do not forget to inject $location to the controller

edited Jan 30, 2015 at 14:00

answered Jan 30, 2015 at 13:55

Jahongir Rahmonov

13.8k11 gold badges53 silver badges100 bronze badges

Comments

TomCee · Accepted Answer · 2015-01-30 14:04:50Z

0

After spending all that time writing the question. I have just managed to work out the answer!:

if($scope.link.substring(0, 7) != "http://"){
    $scope.link = "http://" + $scope.link;}

I thought I'd leave this here incase anyone else wanted to do something similar.

edited Jan 30, 2015 at 14:04

answered Jan 30, 2015 at 13:57

TomCee

113 bronze badges

Comments

ZiTAL · Accepted Answer · 2015-01-30 14:06:40Z

0

what about https?

var url = 'https://www.google.es';
//var url = 'http://www.google.es';
//var url = 'www.google.es';

if(!url.match(/^https?:\/\//))
{
        url = 'http://'+url;
}
console.log(url);

answered Jan 30, 2015 at 14:06

ZiTAL

3,6019 gold badges38 silver badges52 bronze badges

Collectives™ on Stack Overflow

How to check if "http://" is included in url input in Angular.js app?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related