Question

我将在几周内进行AngularJS研究，以证明AngularJS的优势。

修改在我完成这项挑战时，这是我的plunk

我工作的公司有一个很棒的主题网站，可以回答我们很多的UI设计问题。从页眉到页脚以及所有表单元素，标签，按钮等的所有内容都可以为我们解答。

我一直在做的是＆＃34; Angularizing＆＃34;主题与指令。因此，不是开发人员复制并粘贴公司标题的10行，而是将公司标题放在指令中，所以现在开发人员可以只包含一行元素，例如＆lt; companyHeader /＆gt;

现在我想为我们的jQuery标签做同样的事情。出于不同的原因，我们有不同类型的标签。我不想让开发人员担心这一点，而是将这些标签放在指令中。

所以，而不是：

<div id="example-subTabs">
  <nav class="module-sub-nav">
    <section class="subNavigation clearfix">
      <ul>
        <li><a href="#sub-1">Subtab 01</a></li>
        <li><a href="#sub-2">Subtab 02</a></li>
      </ul>
    </section>
  </nav>
  <div class="app-wrapper" style="border-top: 0;">
    <div id="sub-1">
      <div class="content">
        <p>Subtab Content 01</p>
      </div>
    </div>
    <div id="sub-2">
      <div class="content">
        <p>Subtab Content 02</p>
      </div>
    </div>
  </div><!-- // end content -->
</div><!-- // end subTabs -->

$("#example-subTabs").tabs();

我希望开发人员能够做到这一点：

<company-sub-tabs>
  <tab title='Subtab 01'>
    Subtab Content 01
  </tab>
  <tab title='Subtab 02'>
    Subtab Content 02
  </tab>
</company-sub-tabs>

AngularJS将处理主题和jQueryUI tabs（）初始化

这是对Angular的合理期望吗？

如果是这样，我会捕获＆lt; company-sub-tabs＆gt;的内容吗？并循环遍历每个＆lt; tab＆gt;并将内容放入一个新的＆＃34; app-wrapper＆＃34;我将在我的＆＃34; companySubTabs＆＃34;中创建的元素。指令??

谢谢，杜安

使用jQueryUI Tab指令的AngularJs

0 个答案: