javascript - 如何检查并添加 https ://to Url ? MEAN Stack 应用程序

Question

我正在从 Api 数据中检索 Url，如下所示:

<div class="row copy-text">
    <a href="{{copy.Url}}" target="_blank" style="text-decoration: underline !important;">{{copy.Title}}</a>
</div>

我想检查网址是否有 https://作为前缀，如果没有，我想添加。由于没有 https://，Url 将采用 localhost 的根目录，如下所示 - localhost/www.test.com/

Answer 1

您可以创建一个管道，该管道采用 copy.Url 的值，并在需要时使用“https://”作为前缀。

函数为:

function addHttps(input) {
    const prefix = 'https://';
    let output = input;
    if ((input).substr(0, prefix.length) !== prefix) {
        output = prefix + input;
    }
    return output;
}
console.log('aaa');

console.log('https://aaa');

您可以将其用作:

<a href="{{ copy.Url | httpsPrefix }}" target="_blank" style="text-decoration: underline !important;">{{copy.Title}}</a>

创建 Angular 管道

创建一个名为https-prefix.pipe.ts的文件

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'httpsPrefix'})
export class httpsPrefixPipe implements PipeTransform {
    transform(value: string): number {
        const prefix = 'https://';
        let output = value;
        if ((value).substr(0, prefix.length) !== prefix) {
            output = prefix + value;
        }
        return output;
    }
}

现在您可以将管道用作:

<a href="{{ copy.Url | httpsPrefix }}" target="_blank" style="text-decoration: underline !important;">{{copy.Title}}</a>