角度4-将数字转换为单词

Question

我的输出{{total.number}}是数字格式，即1。但是，我想将其转换为one。我需要1-6位数字，输出显示为 one- six。

我怎么知道的？我只看到JS示例，但没有看到Angular方法。

我得到了以下示例：https : //jsfiddle.net/lesson8/5tt7d3e6/，但我觉得这对于实现我想做的只是将数字1转换为6来说是一个矫kill过正。

Answer 1

首先，您需要定义一个数组，其中包含元素和bind一个变量的输入值，例如ng-model="number"。

当您输入时，input的值number会被修改（执行此操作），这意味着您可以通过传递数组的digest cicle数字来显示所需的输出。indexwords

<div id="word">{{words[number]}}</div>

<div id="word">{{words[number]}}</div>

function MyCtrl($scope) {
  $scope.number=1;
  $scope.words= ['','One','Two','Three','Four','Five','Six'];
}