2017-04-07 8 views
0

私は以下のコードスニップを持っています。javascriptを使用すると角型のテンプレートを変更できますhtml

page.fields[{ 
template: '<div><img ng-click="exportCSV();"src="../Login/images/excel_icon.jpg" title="Export CSV"/></div>', 
controller: ['$scope', function (scope) {         
     scope.exportCSV = function() {          
     var __this = this; 
     this.fields[0].template = '<div>hello</div>'; 
     this.fields[0] = angular.copy(this.fields[0]); 

アクションを実行した後、この機能の中でテンプレートhtmlを変更したいと思います。

function cb(status) { 
    __this.fields[0].template = '<div>hello Ankur</div>'; 
    __this.fields[0] = angular.copy(__this.fields[3]); 

}] 

新しいテンプレート値は設定されていませんが、アクションページを実行するとテンプレートの変更が反映されます。ソリューションを提案してください。

答えて

0

わかりませんでした。しかし、この2つの文字列は間違った順序で表示されます

__this.fields[0].template = '<div>hello jiiii</div>'; 
__this.fields[0] = angular.copy(__this.fields[3]); 
+0

実際には、私はダウンロードのExcel画像を表示するためにテンプレートを使用している角形formalyコントロールです。そのイメージをクリックすると、その時間のために私はちょうどExcelのイメージを非表示にして、ダウンロードが完了したときに他のイメージを表示して、Excelイメージを表示するのに時間がかかるでしょう。問題は、ファイルをダウンロードした後に画像が表示されず、ページをクリックして表示されるということです。 –

関連する問題