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()