2016-06-23 10 views
0

私の問題に存在する場合はこれです。科目別、またはキーワード別に各コースをフィルタリングできます。表示するすべてのオブジェクト、フィルタそれはAnguarJS

コースの1つのセットには、「コース」という属性があり、すべてのコースには含まれません。

APIでは、「Path」の値に1,2,3,4またはNullの値を割り当てることができます。以下はPathプロパティでコースをフィルタリングするためのコードです。

<div class="checkbox" ng-repeat="course in ds.courseList | unique:'course_path'"> 
<label><input type="checkbox" ng-model="ds.searchPath" ng-true-value="{$course.course_path$}" ng-false-value="">{$course.course_path$}</label> 
</div> 

だから、本当の問題はAngularJSは、それがパス特性を持っていない限り、すべてのコースを表示しない(マイナー微調整して)null値をピックアップし、ラベルなしのチェックボックスとして、それを表示し、またはされていることです。

パスのプロパティが1,2,3,4またはNullであるかどうかにかかわらず、すべてのコースを表示するにはどうすればよいですか?角に空のチェックボックスを表示しないでください。

EDITED FOR CLARITY:すべてのコースには複数のプロパティがあり、キーワード(タイトルを検索する)、件名、パスの3つの検索フィールドがあります。パス検索には、AngularJSによって生成されたチェックボックスのリストがあり、Pathの各固有の値のチェックボックスを表示します。 1,2,3,4またはNull。私が抱えている問題は、Null値を隠すために行ったすべてのこと、Nullパス値を持つリストのすべてのコースをフィルタリングすることです。 Path!= nullの場合は、Pathをフィルタリングしたいだけです。

TL; DR:コースリストからNullのPath値を持つコースを非表示にすることなく、Nullの値でチェックボックスを非表示にしたいとします。

+0

私はそれを得ることはありません。何も表示されないパスがある場合は? – charlietfl

+0

これは問題です。オブジェクトにパスの値がnullの場合は、何も表示されず、そのようにしてください。すべてのオブジェクトのパス値は1,2,3,4、またはNullです。 1、2、3、4、またはブランクの値を持つ一連のチェックボックスが生成されます。空のチェックボックスを削除または非表示にするにはどうすればよいですか? – Kickasstimus

+0

あなたはこのようなことをしようとしていますか?http://codepen.io/nagasai/pen/XKpJxV –

答えて

1

使用ng-ifパスなし]チェックボックスを含まないために

<div class="checkbox" 
    ng-repeat="course in ds.courseList | unique:'course_path'" 
    ng-if="course.course_path"> 
+0

それは残念ながらうまくいきませんでした。 – Kickasstimus

+0

動作しない理由はありません。いくつかのサンプルデータでプランカのデモを作成する – charlietfl

+0

パスを持たないすべてのコースを非表示にします。パスが1,2,3,4またはNullかどうかを表示するすべてのコースが必要で、値がnullの場合はNGリピートによって生成されたチェックボックスを非表示にする - すべてのコースをnullパス値で隠すことなく。 – Kickasstimus

0

使用

<div class="checkbox" ng-repeat="course in courseList "> 
<label><input type="checkbox" ng-model="ds.searchPath" ng-show="{{course['course_path']}}">{{course['course_path']}}</label> 
</div> 
</div> 

Codepen- http://codepen.io/nagasai/pen/XKpJxV

+0

あなたのケースでは、ng-show =" {{$ course.course_path $}} " –

+0

ng-showで' {{}} 'を使わないでください。直接式を評価する – charlietfl

+0

yes @charlieftl、Kickasstimusを使用するng-show = "$ course.course_path $" –

関連する問題