.ts文件中如何使用slice？

Question

在我的html中，我使用了管道 {{dat.url.split(":")[1]|slice:2}}（模板文件）。这就是我显示数据库中数据的方式。

数据库数据类似于 http://192.168.103.42:8888 。

但是我应该从中显示类似192.168.103.42的数据。

问题是，当用户选择编辑选项时，默认情况下它将显示其保存的数据。为此，我必须再次使用它 dat.url.split(":")[1]|slice:2在我的.ts文件（表单字段）中。

但它在slice：2中显示错误

如何在angular的.ts文件中使用切片？

Answer 1

尝试这样：

 let temp = this.dat.url.substring(this.dat.url.lastIndexOf("/") + 1);

 this.dat.url = temp.substr(0, temp.lastIndexOf(":"));

Demo

Answer 2

您也可以尝试以下方法：

 this.dat.url = this.dat.url.split(":")[1].slice(2)

Demo

Answer 3

Typescript是Javascript的超集。因此切片与您在JavaScript中一样。

第一种方法是使用slice（）

var str = 'unbelievable';
// pass (zero-based) index location 2 to slice
var str2 = str.slice(2);
console.log(str2); // believable

第二种方法正在使用substring（）

var str = 'unbelievable';
var str2 = str.substring(2);
console.log( str2 ); // believable

第三种方法正在使用substr（）

var str = 'unbelievable';
var str2 = str.substr(2);
console.log(str2); // believable

Answer 4

  

您可以为此使用正则表达式

let url = "http://192.168.103.42:8888"
let trimed = url.replace(/:[^:]+$/, "");
console.log(trimed);