javascript - Angular 4 - 将数字转换为单词

Question

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

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

我得到了这个例子:https://jsfiddle.net/lesson8/5tt7d3e6/但我觉得这对于实现我正在尝试做的仅将数字 1 转换为 6 的目标来说有点矫枉过正。

Answer 1

首先，您需要用您的元素定义一个数组，并将输入值绑定(bind)到一个变量，例如，ng-model="number"。

当您在 input 中输入时，number 的值会被修改(digest cicle 会这样做)，这意味着您可以通过将数字作为 words 数组的 index 传递来显示您想要的输出。

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

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="MyCtrl">
    <input type="text" ng-model="number" />
<div id="word">{{words[number]}}</div>
  </div>
</div>