Javascript 对多个选项使用角度指令

我有一个网站页脚：

    <footer>
     <div class="container">
     <div class="contents">
      <div class="logo-copyright">
        <div class="footer-logo">
           <i class="footer-logo gradient"></i></a>
        </div>
        <div class="copyright">&copy; 2016 A Company, Inc.</div>
      </div>
      <div class="footer-terms"><a href="">Terms of use</a></div>
      <div class="footer-legal"><a href="">Legal Info</a></div>
      <div class="footer-contact"><a href="">Contact Us</a></div>
    </div>
  </div>
</footer>

&抄袭；2016年A公司股份有限公司。

我想说的是，这是一个指令，所以它可以像

我知道如何“按原样”操作，但我的问题是，某些应用程序可能不需要此页脚的某些部分。虽然每个人都需要

徽标版权

，但它的三个兄弟姐妹可能需要，也可能不需要

我要寻找的是一种使用指令的方法，该指令带有选项，可以根据需要显示相应的

div

s，例如：

将显示带有两个div

footer terms

和

footer legal

的html，但不显示

footer contact

，而

将显示页脚html，其中仅包含所需的

徽标版权

div，并忽略其他2个

---

我不清楚如何继续实施该指令。

我将让我的指令接受三个值：

<my-footer terms legal contact></my-footer>

这将确保只加载所需的组件/模板部分，从而确保html部分非常干净

<my-footer terms legal></my-footer>

将确保仅加载

条款和法律部分

这里有一把同样的小提琴：
谢谢，但最让我困惑的是如何将其绑定到HTML模板，以包含或不包含相应的div。你能举个例子吗？@Steve:在你的footer.html中使用所有模板。。。并对scope.contact、legel和terms使用ng if条件。。。它将被绑定并在指令中使用replace:true
<my-footer terms legal></my-footer>