Angular指令的定义方式

时间:2017-04-28 12:05:13

标签: angularjs angularjs-directive

此示例来自Angular docs。有人可以向我解释以下是什么意思吗?

<span my-dir="exp"></span>

我在谈论exp为什么我们需要它?它代表什么?

1 个答案:

答案 0 :(得分:1)

expr代表expression,在这种情况下,它将由angularjs解释和评估,以便它可以像指令声明方面的javascript一样。

这允许你在你的指令中使用它作为输入参数(又名args,又名input等),它可以是一个函数,一个对象,一个数字,一个字符串,一个范围变量等。从您的指令方面,您可以将此值用于指令目的。

例如:

&#13;
&#13;
angular.module('app', [])
  .directive('helloWorld', function() {
    return {
      restrict: 'A',
      scope: {
        name: '@helloWorld'
      },
      template: 'Hello {{ name }}'
    };
  });
&#13;
<div ng-app="app">
  <span hello-world="World"></span>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script>
&#13;
&#13;
&#13;