如何使用angularjs绑定表达式创建指令?

时间:2015-11-25 14:23:53

标签: javascript jquery angularjs

我需要使用angular指令或任何其他角度方式将下面的代码转换为动态代码。

一个指令:

<view-partial></view-partial>

查看-partial.html

<div id="layoutFormation">
    <div ng-repeat="container in layoutJSON.layoutInfo.containers" class="row form-container x_panel tile">
    <div class="x_title nopadding"><label class="container-header">{{(container.headerText == " ") ? "" : container.headerText }}   <a href="#" onclick="onCollapseExpandClick(this)" class="collapser-expander-button expanded"></a></label></div>

    <div number-of-rows="{{ container.table.numOfRows }}" number-of-columns="{{ container.table.numOfColumns }}" class="x_content col-md-12 col-xs-12 collapse-expand">

        <div ng-repeat="columnNumber in range(container.table.numOfColumns)" class="col-lg-6 col-md-6 col-sm-6 col-xs-12 column">

            <binding-control-block ng-repeat="rowNumber in range(container.table.numOfRows)" row-number="{{rowNumber}}" column-number="{{columnNumber}}"  style='margin-bottom: 12px;' />

        </div>
    </div>
    </div>  
</div>

这里binding-control-block是另一个带有绑定代码的指令,我已经动态地进行了操作。只有上面的部分页面我还需要动态转换。我想我必须在另一个指令中添加上面的所有视图部分代码。我需要任何示例或想法如何使用绑定表达式创建指令。请任何人帮助我实现这一目标。如有任何澄清需要,请给我留言。提前谢谢。

0 个答案:

没有答案