`$translate.use()` is a getter and setter.

See this demo found in links of docs:

http://jsfiddle.net/PascalPrecht/eUGWJ/7/


`$translate.use()` is the way to go. Also, when an asynchronous loader is executed, you might wanna use `$translate.proposedLanguage()` which returns the language key of the language that is currently loaded but *not* finished loaded yet.

When using angular-translate-loader-static-files I have noticed that `$translate.proposedLanguage()` returned `undefined` when using the default language while `$translate.use()` always returned the proposed language.

Therefore I fixed it by using:

    var currentLang = $translate.proposedLanguage() || $translate.use();

The `$translate` service has a method called `preferredLanguage()` that return what you want. The return of this function is the string of the language, like &#39;en&#39;.

Here i wrote you an example:

    angular.module(&#39;traslateApp&#39;).controller(&#39;myController&#39;, [&#39;$scope&#39;, &#39;$translate&#39;, function($scope,$translate){
	   $scope.changeLanguage = function (langKey) {
	      $translate.use(langKey);
	   };
	   $scope.getCurrentLanguage = function () {
	       $translate.preferredLanguage();
	   };
    }])

`$translate.use()` seems not to work on initial load of the app, to get last selected language from storage: `$translate.storage().get(  $translate.storageKey() )`
or just
`$translate.proposedLanguage();`

translate.currentLang is used to check the current selected language in i18n

I think this is the better way to determine the language - 

    $window.navigator.language || $window.navigator.userLanguage

Maybe is not related but could be useful. In angular2+ the way to access to the current language is

    ...
    import { TranslateService } from &#39;@ngx-translate/core&#39;;

    export class MyComponent implements OnInit {
      constructor(private translate: TranslateService) {}
    
      ngOnInit() {
       translate.use(&#39;it&#39;);
       const currentLang = this.translate.currentLang;
      }
     }
    

    

I&#39;ve got animation:

    &lt;set xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;  
       android:interpolator=&quot;@android:anim/linear_interpolator&quot;&gt;  
       &lt;alpha  
           android:fromAlpha=&quot;0.2&quot;  
           android:toAlpha=&quot;1.0&quot;  
           android:duration=&quot;500&quot;/&gt;  
    &lt;/set&gt;

and `ImageView`:

    &lt;ImageView
        android:id=&quot;@+id/listViewIcon&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:src=&quot;@drawable/settings&quot; 
        android:alpha=&quot;0.2&quot;/&gt;  

and code:

    final Animation anim = AnimationUtils.loadAnimation(this, R.anim.alpha);
    final ImageView iv = (ImageView) findViewById(R.id.listViewIcon);
    anim .setFillAfter(true);
    iv.startAnimation(anim);


So at the beginning I have `ImageView` with alpha `0.2` and at the end I want to have `ImageView` with alpha `1`. But it doesn&#39;t work like that - when animation starts more alpha is added and animation finish with alpha `0.2`

What do I have to change to animate my image from `0.2` up to `1`?


I&#39;ve checked with different settings - I set `android:alpha=&quot;1.0&quot;`, `fromAlpa=&quot;1.0&quot;`, `toAlpha=&quot;0.2&quot;` it works like I expected - from alpha `1` to `0.2`. It looks like alpha from `ImageView` is multiplied by alpha from animation...



Android Animation Alpha

How can I get esqueleto to generate an SQL string from a `from` statement?

The documentation of `toRawSql` says that &quot;you may just turn on query logging of persistent&quot;.  I tried all possible forms of `MonadLogger` that I could understand, but it never printed any SQL.  The same documentation also says &quot;manually using this function ... is possible but tedious&quot;.  However, no constructors of the type, nor any functions returning values of the type, `QueryType` are exported.  I managed to get around this by noticing that `QueryType` is a `newtype` and using `unsafeCoerce`!

I was also forced to provide a `Connection` (which I got via SQLite) even though there should be no need to connect to a database to generate the SQL.

This is what I&#39;ve got.  There must be a better way.

    withSqliteConn &quot;:memory:&quot; $
        \conn -&gt; return $ toRawSql SELECT
                                   (unsafeCoerce ((const mempty)
                                      :: a -&gt; Text.Lazy.Builder.Builder))
                                   (conn, initialIdentState) myFromStatement)

http://hackage.haskell.org/package/esqueleto-1.3.4.2/docs/Database-Esqueleto-Internal-Sql.html

How can I get esqueleto to generate an SQL string for me?

Is there a way to get the current used language in a controller (without `$translateProvider`)?

Couldn&#39;t find anything in the `$translate` service.

Get current language with angular-translate

<p>Is there a way to get the current used language in a controller (without <code>$translateProvider</code>)?</p>
<p>Couldn't find anything in the <code>$translate</code> service.</p>


Does the question mark after equals have special meaning? ie:

    scope: {foo: &#39;=?&#39;}

does the above mean &#39;do not raise error if &#39;foo&#39; cannot be resolved?

what&#39;s the meaning of &#39;=?&#39; in angularJS directive isolate scope declaration?

I am trying to work how to add a class with ngClick. I have uploaded up my code onto plunker [Click here][1]. Looking at the angular documentation i can&#39;t figure out the exact way it should be done. Below is a snippet of my code. Can someone guide me in the right direction

     &lt;div ng-show=&quot;isVisible&quot; ng-class=&quot;{&#39;selected&#39;: $index==selectedIndex}&quot; class=&quot;block&quot;&gt;&lt;/div&gt;

Controller

    var app = angular.module(&quot;MyApp&quot;, []);
	app.controller(&quot;subNavController&quot;, function ($scope){

			$scope.toggle = function (){
				$scope.isVisible = ! $scope.isVisible;
			};

			$scope.isVisible = false;
		});


  [1]: http://plnkr.co/edit/YRzOYU3gIBa1OfGOBSA0?p=preview

adding and removing classes in angularJs using ng-click

I am using Django Rest Framework and AngularJs to upload a file. My view file looks like this:

    class ProductList(APIView):
    	authentication_classes = (authentication.TokenAuthentication,)
    	def get(self,request):
    		if request.user.is_authenticated(): 
    			userCompanyId = request.user.get_profile().companyId
    			products = Product.objects.filter(company = userCompanyId)
    			serializer = ProductSerializer(products,many=True)
    			return Response(serializer.data)
    	
    	def post(self,request):
    		serializer = ProductSerializer(data=request.DATA, files=request.FILES)
    		if serializer.is_valid():
    			serializer.save()
    			return Response(data=request.DATA)

As the last line of post method should return all the data, I have several questions:

 - how to check if there is anything in `request.FILES`?
 - how to serialize file field?
 - how should I use parser?

Django Rest Framework File Upload

I&#39;m working on a webapp where users can login to see their online wine cellar.

I&#39;ve got the Django REST models setup, as well as the front-end design in Angular but I&#39;m having trouble putting the pieces together and my main issue is for user authentication.

I&#39;ve read many posts on here and various tutorials but I can&#39;t seem to find a step by step method to implement authentication:

 - What kind of auth should be used (Token, Session, Other?)
 - How is authentication managed on the server side (is it a view? a method in the UserModel or UserManager?)
 - I have a custom User model (using email as username). Can I use the generic Django login method or do I need to create my own?
 - How is the authentication process managed between the server and client side? 

From what I understand Angular makes a POST request on a url where DRF verifies that username and password match and returns a token or other auth proof.

I feel like I&#39;m close but I need a more general view of how this works to put the pieces together.

Thanks in advance




User Authentication in Django Rest Framework + Angular.js web app

I am developing a website that is supposed to be responsive so that people can access it from their phones. The site has got some secured parts that can be logged into using Google, Facebook, ...etc (OAuth).

The server backend is developed using ASP.Net Web API 2 and the front end is mainly AngularJS with some Razor.

For the authentication part, everything is working fine in all browsers including Android but the Google authentication is not working on iPhone and it gives me this error message

    Refused to display &#39;https://accounts.google.com/o/openid2/auth
    ?openid.ns=http://specs.openid.ne…tp://axschema.org/namePerson
    /last&amp;openid.ax.required=email,name,first,last&#39;
    in a frame because it set &#39;X-Frame-Options&#39; to &#39;SAMEORIGIN&#39;.

Now as far I am concerned I do not use any iframe in my HTML files.

I googled around, but no answer got me to fix the issue.



Refused to display in a frame because it set &#39;X-Frame-Options&#39; to &#39;SAMEORIGIN&#39;

I&#39;m using [angular-translate][1] for i18n in an AngularJS application.

For every application view, there is a dedicated controller. In the controllers below, I set the value to be shown as the page title.

##Code
###HTML

    &lt;h1&gt;{{ pageTitle }}&lt;/h1&gt;

###JavaScript

    .controller(&#39;FirstPageCtrl&#39;, [&#39;$scope&#39;, &#39;$filter&#39;, function ($scope, $filter) {
            $scope.pageTitle = $filter(&#39;translate&#39;)(&#39;HELLO_WORLD&#39;);
        }])

    .controller(&#39;SecondPageCtrl&#39;, [&#39;$scope&#39;, &#39;$filter&#39;, function ($scope, $filter) {
            $scope.pageTitle = &#39;Second page title&#39;;
        }])

I&#39;m loading the translation files using the [angular-translate-loader-url][2] extension.

## Problem
On the initial page load, the translation key is shown instead of the translation for that key. The translation is `Hello, World!`, but I&#39;m seeing `HELLO_WORLD`.

The second time I go to the page, all is well and the translated version is shown.

I assume the issue has to do with the fact that maybe the translation file is not yet loaded when the controller is assigning the value to `$scope.pageTitle`.

## Remark
When using `&lt;h1&gt;{{ pageTitle | translate }}&lt;/h1&gt;` and `$scope.pageTitle = &#39;HELLO_WORLD&#39;;`, the translation works perfect from the first time. The problem with this is that I don&#39;t always want to use translations (eg. for the second controller I just want to pass a raw string).

##Question
Is this a known issue / limitation? How can this be solved?


  [1]: http://angular-translate.github.io/
  [2]: https://github.com/PascalPrecht/angular-translate/wiki/Asynchronous-loading

Correct use for angular-translate in controllers

I&#39;m trying to implement a language switcher where if a user clicks on &quot;de&quot; from any given page on an &quot;en&quot; side - it takes them to that page of the &quot;de&quot; side. If I console.dir the $state parameter, it exposes the values I&#39;d want with the &quot;current&quot; property of the given $state. If I try to console.dir the $state.current to focus on the values I want, it only gives the parent state property (my current views are nested).

My current thinking is, I&#39;m on url/en/content, and dynamically I can then have my lang navigation dynamically load the appropriate destination points into some kind of data attribute, pick those up with a custom directive where I&#39;d initiate a &quot;go to&quot; and set my preferedLanguage value per angular-translate.

The key issue at the moment is exposing that $state name - again, when simply browsing $state the current object gives the values I&#39;d want, but $current.state directly only gives the parent state.

If anyone has a better suggestion of how to do this (in a angular way - no custom cookie junk) I&#39;m happy to take suggestions.

Thanks!


Update! CODE SAMPLES:

Object reference of my states:

    var urlStates = {
		    en: {
			    home: {
				    name: &#39;home&#39;,
				    url: &#39;/en&#39;,
				    templateUrl: &#39;templates/&#39;+lang+&#39;/home.html&#39;,
				    abstract: &#39;true&#39;
			    },
			    home_highlights: {
				    name:&#39;home.highlights&#39;,
				    url: &#39;&#39;,
				    templateUrl: &#39;templates/&#39;+lang+&#39;/home.highlights.html&#39;
			    },
			    home_social:
			    {
				    name: &#39;home.social&#39;,
				    url: &#39;/social&#39;,
				    templateUrl: &#39;templates/&#39;+lang+&#39;/home.social.html&#39;
			    },
			    home_map:
			    {
				    name: &#39;home.map&#39;,
				    url: &#39;/map&#39;,
				    templateUrl: &#39;templates/&#39;+lang+&#39;/home.map.html&#39;
			    }
    
    		};
My States:

    $stateProvider
		    .state(urlStates.en.home)
		    .state(urlStates.en.home_highlights)
		    .state(urlStates.en.home_social)
		    .state(urlStates.en.home_map);
    
		    $locationProvider.html5Mode(true);
    	
    })

Controller:

    .controller(&#39;LandingPage&#39;, function($translate, $state){
    	this.state = $state;
    	this.greeting = &quot;Hello&quot;;
    });

And Lastly, the output I see in the dom:

With this.state = $state;

	{
		&quot;params&quot;: {},
		&quot;current&quot;: {
			&quot;name&quot;: &quot;home.highlights&quot;,
			&quot;url&quot;: &quot;&quot;,
			&quot;templateUrl&quot;: &quot;templates/en/home.highlights.html&quot; },
			&quot;transition&quot;: null
	}

With this.state = $state.current

	{
		&quot;name&quot;: &quot;&quot;,
		&quot;url&quot;: &quot;^&quot;,
		&quot;views&quot;: null,
		&quot;abstract&quot;: true
	}

Content Type	Original Author	Original Content on Stackoverflow
Question	jviotti	View Question on Stackoverflow
Solution 1 - Angularjs	charlietfl	View Answer on Stackoverflow
Solution 2 - Angularjs	Pascal Precht	View Answer on Stackoverflow
Solution 3 - Angularjs	Joan-Diego Rodriguez	View Answer on Stackoverflow
Solution 4 - Angularjs	Iran Reyes	View Answer on Stackoverflow
Solution 5 - Angularjs	xac	View Answer on Stackoverflow
Solution 6 - Angularjs	Jack	View Answer on Stackoverflow
Solution 7 - Angularjs	Aleksandr Golovatyi	View Answer on Stackoverflow
Solution 8 - Angularjs	Emanuele Fricano	View Answer on Stackoverflow

Get current language with angular-translate

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

Solution 2 - Angularjs

Solution 3 - Angularjs

Solution 4 - Angularjs

Solution 5 - Angularjs

Solution 6 - Angularjs

Solution 7 - Angularjs

Solution 8 - Angularjs

How can I get esqueleto to generate an SQL string for me?

Android Animation Alpha

Attributions