Question

我的index.html文件

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="/usr/local/lib/node_modules/angular-i18n/angular-locale_de-de.js"></script>


<body>

<div ng-app="myApp" ng-controller="costCtrl">

<h1>Price: {{ price | currency}}</h1>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('costCtrl', function($scope) {
    $scope.price = 58;
});
</script>


<p>The currency filter formats a number to a currency format.</p>

</body>

</html>

不会显示该值背后的欧元符号。我还尝试通过凉亭安装角度动态区域设置，但无济于事。我在Ubuntu 16.04上。 LTS机器。

Answer 1

如果您使用的是npm或bower，请安装angular-i18n包。

否则，将其添加到html。

<script src="i18n/angular-locale_de-de.js"></script>

现在默认货币类型应为欧元。

Answer 2

以下是一个工作代码段，您可以尝试使用显示欧元货币符号的德语区域设置CDN运行。

＆＃13;

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.6.4/angular-locale_de-de.js"></script>

<body>
  <div ng-app="myApp" ng-controller="costCtrl">
    <h1>Price: {{ price | currency}}</h1>
  </div>

  <script>
    var app = angular.module('myApp', []);
    app.controller('costCtrl', function($scope) {
      $scope.price = 58;
    });
  </script>

  <p>The currency filter formats a number to a currency format.</p>
</body>
</html>

＆＃13;

由于这是有效的，我假设你有一个错误的路径：/usr/local/lib/node_modules/angular-i18n/angular-locale_de-de.js

AngularJs index.html无法识别德语区域设置脚本

2 个答案: