javascript - 范围 : [variable-name] ='@' mean in Angular? 是什么意思

Question

我讨厌问愚蠢的问题，但不幸的是，AngularJS 文档作者似乎忘记澄清一切。

创建指令时，您可以通过以下代码将指令中的变量链接到 HTML 中的变量:

angular.module('app', []).directive('someModule', ['$window', function($window) {
  return {
    restrict: 'E',
    transclude: true,
    template: '...',
    scope: {
      x:          '=',
      front:      '@',
      markers:    '=?'
    },
    controller: ...
  }]);

我知道x后面的'='表示x=x，但是@和?=是什么意思？

Answer 1

我认为最好的方式是考虑 @是它为您提供(字符串)DOM 属性的文字值。不要担心将其称为单向绑定(bind)，或任何其他废话 - 这只是令人困惑。

如果该值恰好被插值，并且您在插值之前检查该值，您将得到 "{{something}}" ，但插值发生后，您将获得插值。

这与 = 有很大不同，这是一个将根据父作用域进行计算的表达式 - 一种为隔离作用域提供对父作用域的访问权限的方法。