メンチカツ

ロースカツが好きです

AngularJS: tabsetで[$compile:nonassign]エラーが出ちゃったよメモ

active要素に評価式を入れていたらこのエラー。

<tabset justified="true" ng-init="activeTab='first'">
    <tab heading="ひとつめ" active="activeTab=='first'"></tab>
    <tab heading="ふたつめ" active="activeTab=='second'"></tab>
    <tab heading="みっつめ" active="activeTab=='third'"></tab>
</tabset>

active要素はラジオボタンのng−model的な変数を設定すれば良いらしい。

<tabset justified="true" ng-init="activeTab['first']=true">
    <tab heading="ひとつめ" active="activeTab['first']"></tab>
    <tab heading="ふたつめ" active="activeTab['second']"></tab>
    <tab heading="みっつめ" active="activeTab['third']"></tab>
</tabset>

上の例だと、activeTab['first']がtrueのとき
activeTab['second']、activeTab['third']はfalseになる。