2016-11-20 10 views
0

カスタムテンプレートを使用してng-clickイベントを登録しようとしていますが、アコーディオンにアイテムを表示しようとしましたが、全く登録されません。私はhideExpression/watcherを使って、ng-class/ng-init/ng-clickを使用して要素をアクティブに設定するなど、テンプレートにng-clickイベントを入れてみました。また、onClick関数をtemplateOptionsに配置することもできます。まだ運がありません... ほとんどのアイテムはそこにあるようですが、そこにはありません...決して簡単なクリックを得ることには問題はありませんでした。基本的には、ユーザーが項目をクリックできるようにして、その項目がアクティブになり、選択項目でモデルを更新します。前の項目は非アクティブになります... jQueryコードの非常に単純な部分があります他のものが、ここでは...助けてください...これらの方法のいずれかが働いていない理由として、私のウィットの終わりに...ここ角型のカスタムテンプレートng-clickが機能しない

が動作していないがplunkerです。

http://plnkr.co/edit/d5kHjH?p=preview

template: '<a li class="list-group-item small" ng-click="active = !active" ng-init="active = true""><span class="glyphicon glyphicon-chevron-right"></span> {{to.label}}</li></a>' 

答えて

0

それはいくつかの変更...

template: `<div ng-init= "active = false"> 
    <label class="list-group-item small" onclick="$('.list-group-item').removeClass('active'); $(this).addClass('active')" ng-click="updateModel()" ><span class="glyphicon glyphicon-chevron-right"></span> {{to.label}}</label> 
    </div>`, 
で作業ガット
関連する問題