Question

如果我用一些常量或值定义一个angular.module，在视图中显示它们的最简单方法是什么？

例如，给定

angular.module('MyApp', [])
  .constant('APPLES', 4)

如何显示APPLES的值？我希望能够做到这样的事情：

<html ng-app="MyApp">
  <head>...</head>
  <body>
    <p>There are {{ APPLES }} apples.</p>
  </body>
</html>

但这不起作用。

我使它工作的最简单的方法（这是非常复杂的，如果有很多这样的常量，则不可扩展）是这样的：

angular.module('MyApp', [])
  .constant('APPLES', 4)
  .directive('numApples', ['APPLES', function(apples){
    return function(scope, elm, attrs) {
      elm.text(apples);
    };}])

并使用视图：

<html ng-app="MyApp">
  <head>...</head>
  <body>
    <p>There are <span num-apples></span> apples.</p>
  </body>
</html>

我创建了一个演示here screeny 。

显示模块常量或值

0 个答案: