Question

假设我的组件有这个模板：

    <table class="table table-striped table-bordered table-hover" #genericTable>
        <thead>
            <tr>
                <th *ngFor="#column of columns | slice:0:7">{{column.Label}}</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="#row of rows">
                <td *ngFor="#data of row.Datas | slice:0:7">
                    <div *ngIf="!data.Value">Aucun</div>
                    <div *ngIf="data.Value">{{data.Value}}</div>
                </td>
                <td><a [routerLink]="['Details', {table: tableName, id: row.Id}]">Details</a></td>
            </tr>
        </tbody>
    </table>

此模板的目标是根据来自Web服务的某些信息呈现表。感谢Angular，我可以异步拉取数据，并通过更改检测，渲染我的数组＆＃34;列＆＃34;和＆＃34;行＆＃34;。它就像一个魅力。

现在我需要在Angular更改模板并渲染我的数据后执行一些代码。怎么可能？感谢

Answer 1

如果您需要在呈现页面后或在计算数据后与页面中的特定元素进行交互？如果它的后数据可以使用ng-init或ng-class。 ng-class可以在渲染上工作。在范围内编写一个函数并将其传入。我有一个公制处理器，它运行在ng-class上并更新标签，绿色表示良好的红色表示不良。

 actionFunction: function(){
 //interact with page here
 angular.element(document).find(...); 
 };

指令

ng-init="actionFunction()"

或

ng-class="actionFuncton()"

检测Angular何时更改模板

1 个答案: