Angular 字符串格式时的js插值问题

Question

我正在尝试格式化 HTML 中的字符串。 这是我的 html 样品

      <tr ng-repeat="dob in userId.dobs">
                <td align="center">{{$index + 1}}</td>
                <td>{{dob.dateType}}</td>
                <td>{{dob.birthDate}}</td>
                <td>{{dob.dateYear}}</td>
                <td>{{dob.fromYear}}</td>
                <td>{{dob.toYear}}</td>
            </tr>

目前我的 {{dob.fromYear}} 节目像 1973/01/21。 但我需要拆分这个字符串并只保留年份。 就像下面的 {{dob.fromYear}} 显示像 1973 年一样。我尝试使用以下技术来做到这一点

 <td>{{dob.fromYear.split('/')}}</td>

现在我的结果像 ["1973","01","21"]

我只需要显示年份。 我是怎么做的。？

Answer 1

您应该创建一个 pipe。 将 dob 字符串传递给 pipe 和 pipe 内部，您可以进行一些文本操作以仅获取年份。

const year = "1111/22/33".split("/").slice(0,1).join()
return year;

此代码首先拆分字符串。 然后slice(0,1)选择年份部分， .join()将[1111]转换为字符串。

Answer 2

你可以试试

dob.fromYear.split('/')[0]

但我认为如果日期是另一种格式，这可能会出现问题。 所以最好使用：

new Date(dob.fromYear).getFullYear()