2017-03-22 6 views
0

角度コンポーネントのテンプレート[report.template.html]の中にscriptタグがあり、ロード時に実行されていません。AngularJs 1.6 tempalteUrl内のコンポーネントスクリプトが実行されていません

<script > 
    $(document).ready(function() { 
    console.log("calling showHide"); 
    }); 
    </script> 

注:以下plunkr

https://plnkr.co/edit/u8XGlVlY9Q5DmKmPOQwA?p=preview

に示したように、私は、単純な何かが欠けする必要があります知っているangularjs libの前にjqueryのlibがロードされました。誰かが私が間違ってやっているところで助けてもらえますか?

+0

[実行する必要があるスクリプトとHTMLの挿入]の可能性のある重複のようなjQueryの機能のangular.element(document).ready()方法の使用、あなたが探して何本ですが、 (http://stackoverflow.com/questions/13711735/insert-html-with-scripts-that-should-run) –

答えて

1

か分からないのですが、代わりにこの

var reportController = function() { 
    var ctrl = this; 
     angular.element(document).ready(function() { 
     console.log("calling showHide"); 
    }); 
     console.log("report ctrl"); 
}; 

Demo

+0

私のプロジェクトでは、各レポートはグラフであり、ロードされるとjquery関数を実行する必要があります$( "。showhideWIdget")のように。showhide(); –

+0

'ng-show/ng-hide'ディレクティブを使って簡単に行うことができます。またはこれをあなたのコントローラーに入れることもできます。しかし、角度を使用しているので、できるだけjqueryを使用する必要はありません。すべてを角度と一致させる –

+0

showhide関数は、会社の標準に従って従う必要があるカスタムデータウィジェット処理js関数です。 –

関連する問題