javascript - 将参数从链接函数传递到 AngularJS 指令中的模板

Question

我有简单的指令，我想访问模板中链接函数中的变量。我怎样才能做到这一点？

我的指令:

app.directive("hello", function() {
  return {
    restrict: "E",
    template: '<div> '+str+' <div/>'
    link : function(scope, element, attrs) {
      var str = "hello";
    }
  }
});

这是codepen上的一段代码:demo

Answer 1

在范围内添加变量，它们将在模板中可用

scope.str = "hello";

你的模板应该使用 Angular 表达式

template: '<div>{{str}}<div/>',

所以你的指令会像

app.directive("hello", function() {
  return {
    restrict: "E",
    template: '<div>{{str}}<div/>',
    link : function(scope, element, attrs) {
      scope.str = "hello";
    }
  }
});

编辑

如果你想绑定(bind) html 使用 ngbindHtml

请找到plnkr