jQueryデータテーブルを使用して角4のボタンまたはアンカータグをクリックするとページをナビゲートする方法

Question

jqueryデータテーブルを持つユーザーのリストを表示します。データは角度4のサーバー側から取得し、各レコードにはボタン/リンクがあります。別のページに移動します

jqueryのコード今コード上記

<a routerLink="/user/'+data+'">View</a> 

たちであるような行があり、上記のコードで私のファイルcomponent.tsに以下

ngAfterViewInit(): void { 

     var table =$('#example-table').DataTable({ 
     pageLength: 10, 
     processing: true, 
     serverSide: true, 
     fixedHeader: true, 
     responsive: true, 
     aaSorting: [[ 0, "asc" ]], 
     dom: '<"html5buttons"B>lTfgitp', 
     buttons: [ 
      'copyHtml5', 
      'excelHtml5', 
      'csvHtml5', 
      'print', 
      'colvis' 
     ], 
     "ajax": { 
      url:environment.basic_api_url+'user/listdt', 
      headers: { 'Usertoken': tokenKey } 

     }, 
     "columns": [ 
      { "data":"row_id","serachable":false}, 
      { "data": "name" }, 
      { "data": "email","orderable":false }, 
      { "data": "mobile","orderable":false }, 
      { "data": "created_at"}, 
      { "data": "user_id","render": function(data, type, row, meta){ 

       if(type === 'display'){ 
        data = '<a routerLink="/user/'+data+'">View</a>'; 
       } 

       return data; 
      } } 
     ], 
     language: { 
      buttons: { 
      colvis: '<i class="ti-view-grid"></i>' 
      } 
     } 
     }); 

です私が望むようにリスティングしますが、ビューボタンをクリックするとアクションはありません。ルータリンクをhrefで置き換えるとページがナビゲートされます（コードを再コンパイルするとページ全体がrelodeされます）それはので、私はあなたが[]

結合文字が欠落している、あなたが渡しているので、あなたが

<a [routerLink]="/user/'+data+'">View</a> 

を持つべきであると信じてangular4

Answer 1

でこれをナビゲートする方法を助けてください多くの時間を要します動的バインド可能変数。

ブラケットを使用しない場合、ルータリンクは静的な文字列値を必要とします。式を評価しません