I want to use angular-translate in onsen-ui.

Asked 2 years ago, Updated 2 years ago, 109 views

Thank you for your help.
We are developing applications with Cordova+onsen-ui+angular-js.
For internationalization purposes, when I insert angular-translate using this site (http://qiita.com/ukiuni@github/items/1d1b47e274ac204709c9, I get the following error message:

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

(This message is set to be displayed on the button.)
I understand that 'translate' seems to be competing, but I don't know how to solve it.
Could you tell me how to solve this problem?

onsen-ui angularjs cordova

2022-09-30 20:52

1 Answers

I think I solved it myself, but I'm doing the same thing, so I'll write it down just in case.
As shown below, I think using angular-translate among standard html tags such as span in ons-button will work.

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

Other than this, if you can't do other plug-in functions within the onsen-UI's unique tag, it often works like this.(Well, I'm not making it for that purpose, so it's only natural.)


2022-09-30 20:52

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.