AngularJS-动态模板URL

Question

我有一个指令，我希望能够在某些逻辑上加载其他模板。

在下面的示例中，“ type”是作用域上的变量，我希望将其传递给指令以构建指令模板的URL。

<direct type="{{type}}"></direct>

var direct = function () {
  return {
  restrict: 'E',
  templateUrl: function(tElement, tAttrs) {
    console.log(type);
    return 'resources/' + tAttrs.type + '.html';
  }
 };
};

不评估类型，而是在tAttrs中传递实际的字符串“ type”。 你知道我可能会错过什么吗？

Answer 1

您必须通过直接指令上的隔离范围来执行此操作。

我在这里为您提供了一个示例： http : //jsbin.com/lagez/1/edit

您可以在示例链接中看到，必须在范围内的指令范围内指定要读取的属性：{attributeName：'@'}

作用域{}中的属性名称语法应为驼峰式，且首字母较小。 例如typeName，然后在指令中指定属性名称，例如

Answer 2

您遇到的问题是，在评估templateUrl时，没有将该值绑定到的范围，因此它返回属性的实际字符串内容-而不是您期望的插值值。