AngularJSコンテンツを条件式で表示する

Question

私は、選択名と値の配列を返すJSONオブジェクトを介してAngularJsによって生成されるフォームを持っています。コードは以下のとおりです。

<div ng-cloak ng-repeat="site in form.json" class="form-group"> 
    <label class="control-label col-md-3">{{site.ItemName}}</label> 
    <div class="col-md-6"> 
    <select class="form-control select2"> 
     <option value="show-all">All</option> 
     <option ng-repeat="item in site['SelectList' + ($index + 1)]" value="{{item.SelectValue}}">{{item.SelectText}}</option> 
    </select> 
    </div> 
</div> 

したがって、現在PHPを使用してバックエンドで生成される1つのJSONオブジェクトから2つの選択ドロップダウンを生成しています。フォーム上にいくつかのチェックボックスを生成してPHPで生成された配列に追加する必要があります。これらのJSONは、現在の選択（名前の選択、値の選択）と同じ書式のままです。 additonalデータは現在のJSONオブジェクトの末尾に追加されるので、class = "col-md-6">を条件としてdivを作成するだけです。私は式{{site.ItemName}}に値が返されています。これはこれをフィルタリングするのには最適ですが、この作業を行うためにng-showでどのように使用できるのかわかりません。理想的には、私は現在のdivにこのようなものが必要です：

<div ng-show="{{site.ItemName}} !== 'checkboxes'" class="col-md-6"> 
    <select class="form-control select2"> 
     <option value="show-all">All</option> 
     <option ng-repeat="item in site['SelectList' + ($index + 1)]" value="{{item.SelectValue}}">{{item.SelectText}}</option> 
    </select> 
    </div> 

そして、その逆のチェックボックスの新しいコードです。私は上記を試みたが、それは動作していません。それについて考えてみると、実際のng-repeatには別の条件が必要になるため、チェックボックスをループするときに選択ドロップダウンHTMLでアクションは実行されません。

これは意味がありますか？それとも狂ったアプローチですか？私はちょうど別のapp.controllerを作成し、チェックボックスのAPIを呼び出す必要がありますか？私は、複数の呼び出しを避けるために、すべてのフォームHTMLを単一のJSONオブジェクトに戻そうとしています。

ありがとう、

Answer 1

ng-showが使用

ng-show="site.ItemName != 'checkboxes'" 

変数角度範囲コンテキスト内