It&#39;s in the docs: https://github.com/angular-ui/ui-router/wiki#state-change-events

    $rootScope.$on(&#39;$stateChangeStart&#39;, 
    function(event, toState, toParams, fromState, fromParams){ 
        // do something
    })

This works:

    $scope.$watch(function(){
        return $state.$current.name
    }, function(newVal, oldVal){
        //do something with values
    }) 

I want to convert a hex string (ex: `0xAD4`) to hex number, then to add `0x200` to that number and again want to print that number in form of `0x` as a string.

i tried for the first step:

    str(int(str(item[1][:-2]),16))

but the value that is getting printed is a decimal string not a hex formatted string (in 0x format) ( i want to print the final result in form of `0x`)

*  `[:-2]` to remove the last 00 from that number 
*  `item[1]` is containing hex number in form of `0x`


How to convert a hex string to hex number

I try to clone an array of objects with nested objects.

Something like:

    var data = [
        { id: 1, values: { a: &#39;a&#39;, b: &#39;b&#39; } },
        { id: 2, values: { c: &#39;c&#39;, d: &#39;d&#39; } }
    ];

#_.Clone

With the [`_.clone`][1] method and the `isDeep` parameter at `true`:

    var clone = _.clone(data, true);
    
    data[1].values.d = &#39;x&#39;;
    
    console.log( _.isEqual(data, clone) ); // true, clone[1].values.d == &#39;x&#39;

I expected `clone[1].values.d == &#39;d&#39;` :

&gt; If isDeep is true nested objects will also be cloned, otherwise they
&gt; will be assigned by reference.

What is wrong?

#_.CloneDeep

In addition, when I try with the [`_.cloneDeep`][2] method, I get an error:

    var clone = _.cloneDeep(data);
    
    // Uncaught TypeError: Object function u(n){return n instanceof u?n:new o(n)}
    // has no method &#39;cloneDeep&#39;

Why this error?

#$.extend

With [`$.extend`][3] the clone has no reference to the original object as expected:

    var clone = $.extend(true, {}, data);

    console.log( _.isEqual(data, clone) ); // false, clone[1].values.d == &#39;d&#39; 


  [1]: http://lodash.com/docs#clone
  [2]: http://lodash.com/docs#cloneDeep
  [3]: http://api.jquery.com/jquery.extend/

Lodash .clone and .cloneDeep behaviors

I know that I can run:

    scope.$watch(someItem, function(){})

But I can&#39;t figure out a way to watch over change of `$state.$current.name` in my application. 

How to $watch state change of $stateProvider in AngularJS?

I know that I can run:
<pre><code class="hljs language-php">scope.$watch(someItem, function(){})
</code></pre>
But I can't figure out a way to watch over change of <code>$state.$current.name</code> in my application.

I understand that `ng-show` and `ng-hide` affect the class set on an element and that `ng-if` controls whether an element is rendered as part of the DOM. 

**Are there guidelines on choosing `ng-if` over `ng-show`/`ng-hide` or vice-versa?**

When to favor ng-if vs. ng-show/ng-hide?

    &lt;a ng-href=&quot;#&quot; class=&quot;navbar-brand&quot; title=&quot;home&quot; data-translate&gt;PORTAL_NAME&lt;/a&gt;

I want to reload the page. How can I do this?

AngularJs: Reload page

I&#39;m trying to share data across controllers. Use-case is a multi-step form, data entered in one input is later used in multiple display locations outside the original controller. Code below and in [jsfiddle here][1].

**HTML**

    &lt;div ng-controller=&quot;FirstCtrl&quot;&gt;
		&lt;input type=&quot;text&quot; ng-model=&quot;FirstName&quot;&gt;&lt;!-- Input entered here --&gt;
		&lt;br&gt;Input is : &lt;strong&gt;{{FirstName}}&lt;/strong&gt;&lt;!-- Successfully updates here --&gt;
	&lt;/div&gt;

	&lt;hr&gt;

	&lt;div ng-controller=&quot;SecondCtrl&quot;&gt;
		Input should also be here: {{FirstName}}&lt;!-- How do I automatically updated it here? --&gt;
	&lt;/div&gt;

**JS**

    // declare the app with no dependencies
    var myApp = angular.module(&#39;myApp&#39;, []);
    
    // make a factory to share data between controllers
    myApp.factory(&#39;Data&#39;, function(){
    	// I know this doesn&#39;t work, but what will?
    	var FirstName = &#39;&#39;;
    	return FirstName;
    });
    
    // Step 1 Controller
    myApp.controller(&#39;FirstCtrl&#39;, function( $scope, Data ){
    	
    });
    
    // Step 2 Controller
    myApp.controller(&#39;SecondCtrl&#39;, function( $scope, Data ){
    	$scope.FirstName = Data.FirstName;
    });

Any help is greatly appreciated.

  [1]: http://jsfiddle.net/AVhRf/

Share data between AngularJS controllers

I am developing an app that can utilize sails.js for back-end and AngularJS for Front-end. I thought that I&#39;ll create an Angular App using Yeoman-angular generator https://github.com/yeoman/generator-angular, and once I am done with the front-end logic I&#39;ll create a sails app using,

 1. npm install -g sails
 2. sails new app

And then I&#39;ll transfer all my AngularJS files to the Sails folder.

But the thing is that AngularJS creates creates a folder hierarchy like this https://github.com/rishy/angular-jade-stylus-seed and on running &quot;grunt server&quot; a &quot;dist&quot; folder is created which contains the final production version.

On the other hand, after &quot;sails new app&quot; folder hierarchy for sails app is like.

 - api
   - adapters/
   - controllers/
   - models/
   - policies/
   - services/
 - assets
   - images/
   - js/
   - styles/
   - favicon.ico
   - robots.txt
 - config/
 - node_modules/
 - views
   - home/
   - 403.ejs
   - 404.ejs
   - 500.ejs
   - layout.ejs
 - Gruntfile.js
 - app.js
 - package.JSON


So, My questions are:

 1. Now, how do I transfer my Angular Files to this sails directory and how should I structure it?
 2. Since sails uses &quot;sails lift&quot; to start a server and angular uses &quot;grunt server&quot;, which one of those should I use to start the server for my sailsJs + AngularJs app and what about the &quot;dist&quot; folder which is created after AngularJS?
 3. What changes will I have to make in the Gruntfile.js, since it should now contain the code from both Angular and Sails?
 4. Where should I keep my different views and style files and how should I access those form Angular or from Sails?

I think lot of people are facing this similar problem since AngularJS and SailsJs are all the rage currently. There should be a robust boilerplate to create an AngularJS + SailsJS app, which sadly is missing right now.



AngularJS + sails.js

This is starting to bug me and I&#39;d either like it turned off or fixed. So Webstorm has a sweet feature in it&#39;s HTML parser that will attempt to resolve directories in strings that are supposed to reference a file in your project. For example:

![two examples][1]

Webstorm is correct. My front end code is all in `/app` but my server serves up files in app on the root, so in the web context `/app` is actually just `/`. As a side, this behavior also impacts my angular templates:

![webstorm hates angular directive templateUrl][2]

and my angular-ui routes (I imagine it would do that for regular angular routes as well).

![webstorm hates angular routes templateUrl][3]

Is there a way that I can change webstorm to treat `/app` as the root so this is a useful feature? If not, is there a way I can disable this? I tried going into the inspector, but couldn&#39;t find an option for it:

![webstorm inspector][4]

And no, it&#39;s not the XML one... I tried.

Help appreciated. Thanks...


  [1]: http://i.stack.imgur.com/z1kQ0.png
  [2]: http://i.stack.imgur.com/e8R8S.png
  [3]: http://i.stack.imgur.com/PC2KO.png
  [4]: http://i.stack.imgur.com/MEEqL.png

Content Type	Original Author	Original Content on Stackoverflow
Question	Timsen	View Question on Stackoverflow
Solution 1 - Angularjs	Gabe	View Answer on Stackoverflow
Solution 2 - Angularjs	Crhistian Ramirez	View Answer on Stackoverflow

How to $watch state change of $stateProvider in AngularJS?

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

Solution 2 - Angularjs

Lodash .clone and .cloneDeep behaviors

How to convert a hex string to hex number

Attributions