2

お世話になります。
Cordova + onsen-ui + angular-js でアプリケーションを開発しています。
国際化対応のため、こちらのサイト(http://qiita.com/ukiuni@github/items/1d1b47e274ac204709c9) を参考に angular-translate を入れ込んだところ、以下のエラーメッセージが表示されてしまいます。

Error: [$compile:multidir] Multiple directives [onsButton, translate] asking for new/isolated

(ボタンに表示させるメッセージとして設定しています。)
'translate' が競合しているらしいという所までは把握できていますが、どのように解決したらいいかがわからない状態です。
解決方法について、ご教示頂けませんでしょうか。

1
  • 改めて確認しましたところ、<ons-button> タグ内に 'translate' を指定した場合に上記エラーメッセージが表示される事が確認できました。 通常の HTML タグに指定した場合は正しく変換されていましたので、アプローチを変えて対応していきたいと思います。 お騒がせ致しました。
    – Suzukin
    Commented 2015年7月8日 16:52

1 件の回答 1

1

自己解決したようですが、私も同じようなことをしていますので一応書いておきます。
下のように、ons-button内のspanなどhtmlの標準のタグの中でangular-translateを使うとうまくいくと思います。

   <ons-button modifier="large">
        <span translate="TEXT_ID"></span>
   </ons-button>

これ以外でも、他のプラグインなどの機能をonsen-UIの独自タグの中でやろうとしてダメな時は、このような感じでやるとうまくいくことが多いです。(まぁ、それ用に作っているわけではないので当たり前ですが)

1
  • これ以外でも、他のプラグインなどの機能をonsen-UIの独自タグの中でやろうとしてダメな時は、このような感じでやるとうまくいくことが多いです。(まぁ、それ用に作っているわけではないので当たり前ですが) 確かにそうですね。 同様のケースになった場合は、このような形で対応してみたいと思います。
    – Suzukin
    Commented 2015年7月16日 5:41

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。