angularjs - How to use angular translate directive with limitTo filter -
i using angular translate directive in application. translating key returns string.
<div translate="translation_key"></div> suppose got translation in string form apply online course. 
now want string limit 12 characters thisapply online....
so have done this
<div {{translate="translation_key | limitto:12 }}"></div> but not correct how can use limitto filter when expression coming translation itself.
also use of translate-values , translate-compile.
limiting string limitto filter
{{ limitto_expression | limitto : limit : begin}}
https://docs.angularjs.org/api/ng/filter/limitto
{{ "my string long" | limitto: 9 }} which output:
my string or use following approach (not using translate directive.
<span>{{translation_key|translate|limitto:9}}</span> https://angular-translate.github.io/docs/#/guide/04_using-translate-filter
about other question regarding angular-translate directive.
the translate directive expects optional
translate-valuesattribute can use pass values through it. have combine directive translate-values attribute.you can pass either object literal string, expression, or, if value dynamic, interpolation directive. whatever pass in, gets internally evaluated , parsed translate filter, comes out plain old javascript object gets passed $translate service.
<any translate="translation_id"      translate-values='{ username: "pascalprect"}'></any> or
<any translate="translation_id"      translate-values="{ username: somescopeobject.username }"></any> or
<any translate="translation_id"      translate-values="{{translationdata}}"></any> post compiling
starting version 2, translation can post processed in context of current scope (using
$compile). means directive used in translation value work expected.
this behavior can enabled per directive:
<any translate="translation_id" translate-compile></any> in addition it, can enable feature globally with...
$translateprovider.usepostcompiling(true); ... , can disable feature again per directive:
<any translate="translation_id" translate-compile="false"></any> 
Thanks for sharing useful information, Check it once for your bright future Angularjs Online Training
ReplyDelete