diff options
author | Tovin Seven <vinhnt@vn.fujitsu.com> | 2017-01-24 14:20:18 +0700 |
---|---|---|
committer | Tovin Seven <vinhnt@vn.fujitsu.com> | 2017-02-07 08:54:33 +0000 |
commit | 768d8eac2a7bbbc227e85ca0c5cf872c4220e027 (patch) | |
tree | 01329ef20804c9290a353e7e245df8351c76904d /osprofiler/cmd | |
parent | 93aec6a99fdb586970f4381f5510ae100ba875e4 (diff) | |
download | osprofiler-768d8eac2a7bbbc227e85ca0c5cf872c4220e027.tar.gz |
Change some bindings to one-time bindings
Almost our data-binding in this template is two-way binding.
It is not necessary, 2-way binding will add lots of watchers,
so, our html page will very slow with large trace.
I tried with some html outputs >20MB, it's terrible.
Reference (in One-time binding section):
https://docs.angularjs.org/guide/expression
Change-Id: Ida2f567abff356f20ddcc1d8535a22fd906035ea
Diffstat (limited to 'osprofiler/cmd')
-rw-r--r-- | osprofiler/cmd/template.html | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/osprofiler/cmd/template.html b/osprofiler/cmd/template.html index 502778e..8f2c148 100644 --- a/osprofiler/cmd/template.html +++ b/osprofiler/cmd/template.html @@ -206,10 +206,10 @@ <div ng-init="hide_children=false"> <table class="trace cursor_pointer_on_hover"> <tr> - <td class="level" style="padding-left: {{data.level * 5}}px;"> + <td class="level" style="padding-left: {{::data.level * 5}}px;"> <button type="button" class="btn btn-default btn-xs" ng-disabled="data.is_leaf" ng-click="hide_children=!hide_children"> <span class="glyphicon glyphicon-{{(data.is_leaf) ? 'cloud' : ((hide_children) ? 'plus': 'minus')}}"></span> - {{data.level || 0}} + {{::data.level || 0}} </button> </td> <td ng-click="vm.display(data)" class="text-center"> @@ -217,10 +217,10 @@ <div>{{data.info.finished - data.info.started}} ms</div> </div> </td> - <td ng-click="vm.display(data)" class="{{vm.isImportance(data) ? 'bold' : ''}} text-right">{{data.info.name}}</td> - <td ng-click="vm.display(data)">{{data.info.project || "n/a"}}</td> - <td ng-click="vm.display(data)">{{data.info.service || "n/a"}}</td> - <td ng-click="vm.display(data)">{{data.info.host || "n/a"}}</td> + <td ng-click="vm.display(data)" class="{{vm.isImportance(data) ? 'bold' : ''}} text-right">{{::data.info.name}}</td> + <td ng-click="vm.display(data)">{{::data.info.project || "n/a"}}</td> + <td ng-click="vm.display(data)">{{::data.info.service || "n/a"}}</td> + <td ng-click="vm.display(data)">{{::data.info.host || "n/a"}}</td> <td class="details"> <a href="#" ng-click="vm.display(data)">Details</a> </td> @@ -243,15 +243,15 @@ <div class="row"> <div class="col-md-6" ng-repeat="cols in modal.columns"> <dl class="dl-horizontal" ng-repeat="column in cols"> - <dt class="text-capitalize">{{column}}</dt> - <dd>{{modal.info[column]}}</dd> + <dt class="text-capitalize">{{::column}}</dt> + <dd>{{::modal.info[column]}}</dd> </dl> </div> <div class="col-md-12"> <!--For metadata only--> <dl class="dl-horizontal"> <dt class="text-capitalize">metadata</dt> - <dd hljs hljs-language="json" hljs-source="'{{modal.info.metadata}}'"></dd> + <dd hljs hljs-language="json" hljs-source="'{{::modal.info.metadata}}'"></dd> </dl> </div> </div> |