Question

我试图了解如何使用Angular中的指令。在angularjs.org上的示例中，值在JavaScript中的范围中设置，然后在匹配指令时引用该范围。

模板：

  <my-customer info="naomi"></my-customer>

范围：

  .controller('Ctrl', function($scope) {
    $scope.naomi = { name: 'Cat', address: '1600 Amphitheatre' };
    $scope.igor = { name: 'Dog', address: '123 Somewhere' };
  })

模板：

Name: {{customerInfo.name}} Address: {{customerInfo.address}}

我想直接从模板传递属性。所以在这个例子中我想写一个输出的模板：

Name: Naomi

不通过范围。

Answer 1

您可以使用linking function的attrs参数执行此操作。

module.directive('name', function () {
  return {
    link: function (scope, element, attrs) {
      console.log(attrs.info);
      // <- 'naomi'
    }
  }
});

然后在标记中：

<name info='naomi'></name>

See a live example

将字符串直接传递给角度指令？

1 个答案: