ng-table coffeescriptを使用した複数のテンプレートフィルタ

Question

私はAngularJS、ng-tableとcoffeescriptを一緒に使用しており、coffeescript内に複数のテンプレートフィルタを作成して、それを私のangularjsテンプレートに渡したいと考えています。

私は 'name'と 'surname'の2つのフィルタが欲しい名前& surname combined columnsを持っています。

これまでのところ、私はそういう仕組みになっています。

 <td data-title="'Customer'" sortable="'fullname'" 
     filter="{'name_cont': 'text', 'surname_cont':'text'}" > 

しかし、私はそう

$scope.nameFilterDef = { 
    name: { 
     id: "text", 
     placeholder: "Name" 
    }, 
    surname: { 
     id: "text", 
     placeholder: "Surname" 
    } 
    } 

ように私のAngularJSコントローラにこのフィルタを定義し、そのような、そのフィルタを使用して、私のテンプレートをクリーンアップしたいと思います。

 <td data-title="'Customer'" sortable="'fullname'" 
     filter="nameFilterDef" > 

フィルタボックスは表示されませんが、このようなフィルタを呼び出すとします。

更新

私はページ上で、私は私のフィルタハッシュが渡されたばかり。

Answer 1

このHTMLマークアップは、あなたのために働くかどうかを確認することができます{{nameFilterDef}}置く場合...

<td data-title="'Customer'" sortable="'fullname'" 
    filter="{'name_cont': 'text', 'surname_cont':'text'}" > 

は、このコードは、同様に動作するはずです：

//use this 
$scope.nameFilterDef = { 
    'name_cont': 'text', 
    'surname_cont':'text' 
    } 
//instead of this: 
$scope.nameFilterDef = { 
name: { 
    id: "text", 
    placeholder: "Name" 
}, 
surname: { 
    id: "text", 
    placeholder: "Surname" 
} 
} 

- ここ

<td data-title="'Customer'" sortable="'fullname'" 
filter="nameFilterDef" > 

はcodepenで作業例です。 Passing filter from the controller as an object

また、あなたがplunkerで動作するコードを提供する場合、codepenまたはjsFiddle、それは超役立つだろう。

希望すると、これが役立ちます。