Question

是否有可能告诉＆＃34;基于提供给第一个指令的属性使用另一个特定指令的指令吗？

一个例子：

我们说我有以下HTML

<parent-directive child-type="foo" />

以下指令

.directive('parentDirective', function () {
  return {
    restrict: 'E',
    scope: {
      childType: '@'
    },
    templateUrl: 'parent.html'
  };
});

parent.html

的位置

<!-- some html -->
<{{childType}} />
<!-- some more html -->

和foo指令

.directive('foo', function () {
  return {
    restrict: 'E',
    scope: {
    },
    templateUrl: 'foo.html'
  };
});

以上是不可能的，因为指令分两个阶段处理，childType没有链接到第二阶段，即链接阶段。还有另一种方式，我可以做到这一点吗？

这里的目标是使用指令来显示一些自定义引导模态，其中模态的页眉和页脚是相同的，但是应该使用一组不同的指令插入主体。

由于

Answer 1

好像你想要实现某种转换PngStream

<parent-directive>
   <foo></foo>
</parent-directive>

.directive('parentDirective', function () {
  return {
    restrict: 'E',
    tranclude: true,
    templateUrl: 'parent.html'
  };
});

parent.html：

<div ng-transclude></div>

嵌套指令，其中child指令基于父属性

1 个答案: