2017-01-30 17 views
1

これは比較的単純なので、私は考えていました。剣道グリッド内の角度指示句の使用方法

私はカスタム角度ディレクティブを持っている - 私は

<custom-directive ng-model="someAngularScopeObject"></custom-directive> 

私の質問でDOMに追加することができ、私は剣道グリッド列テンプレートにこれを使用する方法です。

マイグリッドはDOM角度属性を使用して定義され、剣道グリッドkオプションは角度範囲で指定されます。

列テンプレートの場合、行の列dataItemをカスタムディレクティブng-modelにバインドする方法はありますか。

基本的には、グリッドのK-オプションで:

columns: [ 
     { field: "name", title: "Name" }, 
     { field: "description", title: "Description" }, 
     { field: "managerName", title: "Manager", 
      template: function (dataItem) { 
       //what I care about is dataItem.prop1 
       return ("<custom-directive ng-model='???????????'> 
         </custom-directive>");  
     } 
    }] 

グリッドとグリッドのデータソースあなたはこのようにそれを試すことができますROテンプレートの角度のコントローラーの範囲

+0

達成しようとしていることは何ですか?ディレクティブ内のグリッド列データを編集しますか? –

+0

今のところ、私はR-Oテンプレートを実行しようとしていましたが、最終的にエディタテンプレートに別のディレクティブをバインドします。しかし、このディレクティブには2つの方法があります。 – Matt

答えて

1

上にある:

columns: [ 
    { field: "name", title: "Name" }, 
    { field: "description", title: "Description" }, 
    { field: "managerName", title: "Manager", 
     template: function (dataItem) { 
      //what I care about is dataItem.prop1 
      var scope = angular.element("idofelement_with_your_scope").scope(); 
      scope.someAngularScopeObject = dataItem.prop1; 
      return ("<custom-directive ng-model='someAngularScopeObject'> 
        </custom-directive>");  
    } 
}] 

私はそれをテストしていませんが、仕事をする必要があります。考え方は、template関数には値があり、ディレクティブにはバインドするプロパティ/オブジェクトが必要であるということです。

関連する問題