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

【问题标题】：Angular js interpolation issue when string format字符串格式时的Angular js插值问题
【发布时间】：2021-12-07 09:59:01
【问题描述】：

我正在尝试格式化 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"]

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

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

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

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

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

【讨论】：

非常感谢您的回答！！！

【解决方案2】：

你可以试试

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

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

new Date(dob.fromYear).getFullYear()

【讨论】：