Demo: http://jsfiddle.net/sunnycpp/u4vjR/2/

Here I have created **handle-destroy** directive.

    ctrl.directive(&#39;handleDestroy&#39;, function() {
        return function(scope, tElement, attributes) {        
            scope.$on(&#39;$destroy&#39;, function() {
                alert(&quot;In destroy of:&quot; + scope.todo.text);
            });
        };
    });

`$destroy` can refer to 2 things: method and event

# 1. method - $scope.$destroy

    .directive(&quot;colorTag&quot;, function(){
      return {
        restrict: &quot;A&quot;,
        scope: {
          value: &quot;=colorTag&quot;
        },
        link: function (scope, element, attrs) {
          var colors = new App.Colors();
          element.css(&quot;background-color&quot;, stringToColor(scope.value));
          element.css(&quot;color&quot;, contrastColor(scope.value));

          // Destroy scope, because it&#39;s no longer needed.
          scope.$destroy();
        }
      };
    })

# 2. event - $scope.$on(&quot;$destroy&quot;)

See [@SunnyShah&#39;s answer][1].


  [1]: https://stackoverflow.com/a/14416913/111438

I am trying to read a CSV from github into R:

    latent.growth.data &lt;- read.csv(&quot;https://github.com/aronlindberg/latent_growth_classes/blob/master/LGC_data.csv&quot;)

However, this gives me:

    Error in file(file, &quot;rt&quot;) : cannot open the connection
    In addition: Warning message:
    In file(file, &quot;rt&quot;) : unsupported URL scheme

I tried `?read.csv`, `?download.file`, `getURL` (which only returned strange HTML), as well as the [data import manual][1], but still cannot understand how to make it work.

What am I doing wrong?


  [1]: http://cran.r-project.org/doc/manuals/R-data.html

Read a CSV from github into R

    01-16 16:52:42.211: E/ActivityThread(2529): Activity com.Civilcourage.CivilcurageSplash has leaked IntentReceiver com.google.android.gcm.GCMBroadcastReceiver@405282e0 that was originally registered here. 

    Are you missing a call to unregisterReceiver()?


What is the cause of the above error? 
How can it be avoided?                            



Activity has leaked IntentReceiver that was originally registered here. Are you missing a call to unregisterReceiver()?

Can someone please provide an example of scope&#39;s $destroy event? Here is the reference documentation from [http://docs.angularjs.org/api/ng.$rootScope.Scope#$destroy][1]

&gt; **$destroy()**
&gt; 
&gt; Removes the current scope (and all of its children) from the parent
&gt; scope. Removal implies that calls to $digest() will no longer
&gt; propagate to the current scope and its children. Removal also implies
&gt; that the current scope is eligible for garbage collection.
&gt; 
&gt; The $destroy() is usually used by directives such as ngRepeat for
&gt; managing the unrolling of the loop.
&gt; 
&gt; Just before a scope is destroyed a $destroy event is broadcasted on
&gt; this scope. Application code can register a $destroy event handler
&gt; that will give it chance to perform any necessary cleanup.


  [1]: http://docs.angularjs.org/api/ng.$rootScope.Scope#$destroy

Can someone provide an example of a $destroy event for scopes in AngularJS?

Can someone please provide an example of scope's $destroy event? Here is the reference documentation from <a href="http://docs.angularjs.org/api/ng.$rootScope.Scope#$destroy" target="_blank" rel="noopener noreferrer">http://docs.angularjs.org/api/ng.$rootScope.Scope#$destroy</a>
> $destroy()
>
> Removes the current scope (and all of its children) from the parent
> scope. Removal implies that calls to $digest() will no longer
> propagate to the current scope and its children. Removal also implies
> that the current scope is eligible for garbage collection.
>
> The $destroy() is usually used by directives such as ngRepeat for
> managing the unrolling of the loop.
>
> Just before a scope is destroyed a $destroy event is broadcasted on
> this scope. Application code can register a $destroy event handler
> that will give it chance to perform any necessary cleanup.

I have a text input and I don&#39;t want to allow users to use spaces, and everything typed will be turned into lowercase.

I know I&#39;m not allowed to use filters on ng-model eg.

    ng-model=&#39;tags | lowercase | no_spaces&#39;

I looked at creating my own directive but adding functions to `$parsers` and `$formatters` didn&#39;t update the input, only other elements that had `ng-model` on it.

How can I change the input of that I&#39;m currently typing in?

I&#39;m essentially trying to create the &#39;tags&#39; feature that works just like the one here on StackOverflow.



filters on ng-model in an input

There are a couple of popular recursive angular directive Q&amp;A&#39;s out there, which all come down to one of the following solutions:

- manually incrementally &#39;compile&#39; HTML based on runtime scope state
 - [example 1][1] [[stackoverflow][2]]
 - [example 2][5] [[angular jsfiddles page][6]]
- don&#39;t use a directive at all, but a &amp;lt;script&amp;gt; template which refers to itself
 - [example 1][7] [[google groups][8]]

**The first one** has the problem that you can&#39;t remove previously compiled code unless you comprehensibly manage the manual compile process. **The second approach** has the problem of... not being a directive and missing out on its powerful capabilities, but more urgently, it can&#39;t be parameterised the same way a directive can be; it&#39;s simply bound to a new controller instance.

I&#39;ve been playing with manually doing an `angular.bootstrap` or `@compile()` in the link function, but that leaves me with the problem of manually keeping track of elements to remove and add.

Is there a good way to have a parameterized recursive pattern that manages adding/removing elements to reflect runtime state? That is to say, a tree with a add/delete node button and some input field whose value is passed down a node&#39;s child nodes. Perhaps a combination of the second approach with chained scopes (but I have no idea how to do this)?

 [1]: http://jsfiddle.net/galloc/KNM4q/1/
 [2]: https://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular
 [5]: http://jsfiddle.net/IgorMinar/CHVbb/423/
 [6]: https://github.com/angular/angular.js/wiki/JsFiddle-Examples
 [7]: http://jsfiddle.net/ganarajpr/vzvmS/3/
 [8]: https://groups.google.com/forum/#!topic/angular/I5Z5oglW6Xw

Recursion in Angular directives

I have an input defined as

    &lt;input class=&quot;datepicker&quot; type=&quot;text&quot; ng-model=&quot;clientForm.birthDate&quot; /&gt;

Which is rigged up to be displayed elsewhere on the page:

    &lt;tr&gt;
        &lt;th&gt;Birth Date&lt;/th&gt;
        &lt;td&gt;{{client.birthDate|date:&#39;mediumDate&#39;}}&lt;/td&gt;
    &lt;/tr&gt;

When the page loads the birth date is nicely formatted as something like `Dec 22, 2009`. However, when I look inside my `&lt;input&gt;` it&#39;s shown as `Tue Dec 22 2009 00:00:00 GMT-0800 (Pacific Standard Time)` which I guess is how JS renders `Date` objects as strings.

Firstly, how do I tell Angular to show the date in the `&lt;input&gt;` as something like `12/22/2009`? I can&#39;t seem to apply `|filters` inside the `ng-model` attribute.

Secondly, as soon as I edit the date, even keeping it in it&#39;s original format, my other text (inside the `&lt;td&gt;`) doesn&#39;t seem to apply the `|date` filter anymore; it suddenly changes formats to match that of the input textbox. How do I get it to apply the `|date` filter every time the model changes?

---

Related questions:

- https://stackoverflow.com/q/14494026/65387
- https://stackoverflow.com/q/14494095/65387

How to format a date using ng-model?

What I am trying to do is sort some data by property. Here is example that I tought should work but it doesn&#39;t.

HTML part:

    &lt;div ng-app=&#39;myApp&#39;&gt;
        &lt;div ng-controller=&quot;controller&quot;&gt;
        &lt;ul&gt;
            &lt;li ng-repeat=&quot;(key, value) in testData | orderBy:&#39;value.order&#39;&quot;&gt;
    			{{value.order}}. {{key}} -&gt; {{value.name}}
         	&lt;/li&gt;
        &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;

JS part:

    var myApp = angular.module(&#39;myApp&#39;, []);
    
    myApp.controller(&#39;controller&#39;, [&#39;$scope&#39;, function ($scope) {
        
        $scope.testData = {
            C: {name:&quot;CData&quot;, order: 1},
            B: {name:&quot;BData&quot;, order: 2},
            A: {name:&quot;AData&quot;, order: 3},
    	}
        
    }]);

And the result:

&gt; 3. A -&gt; AData
&gt; 2. B -&gt; BData
&gt; 1. C -&gt; CData

... that IMHO should look like this:

&gt; 1. C -&gt; CData
&gt; 2. B -&gt; BData
&gt; 3. A -&gt; AData

Did I miss something (here is ready [JSFiddle][1] to experiment on)?


  [1]: http://jsfiddle.net/xZEnK/14/

AngularJS sorting by property

I&#39;ve a textbox in a controller which is bound to model `name`. There&#39;s a directive inside the controller and there&#39;s another textbox inside the directive which is bound to the same model `name`:

    &lt;div class=&quot;border&quot; ng-controller=&quot;editCtrl&quot;&gt;
       Controller: editCtrl &lt;br/&gt;
       &lt;input type=&quot;text&quot; ng-model=&quot;name&quot; /&gt;
       &lt;br/&gt;
       &lt;tabs&gt;
          Directive: tabs &lt;br/&gt;
          &lt;input type=&quot;text&quot; ng-model=&quot;name&quot;/&gt;
       &lt;/tabs&gt;
    &lt;/div&gt;

&lt;space&gt;

    mod.directive(&#39;tabs&#39;, function() {
      return {
        restrict: &#39;E&#39;,
        transclude: true, 
        template:
          &#39;&lt;div class=&quot;border&quot; ng-transclude&gt;&lt;/div&gt;&#39;,
      };
    });

When you type something in the outer textbox it&#39;s reflected in the inner textbox but if you type something in the inner textbox it stops working i.e. both textbox no more reflects the same value.

See example at: http://jsfiddle.net/uzairfarooq/MNBLd/

I&#39;ve also tried using two way binding attr (`scope: {name: &#39;=&#39;}`) but it gives syntax error.And using `scope: {name: &#39;@&#39;}` has same effect.

Any help would be greatly appreciated.


**In addition to the accepted answer, [this article][1] really helped me in understanding the prototypical inheritance in child scpoes. I&#39;d highly recommend anyone having problem with scopes to read it thoroughly.**


  [1]: https://github.com/angular/angular.js/wiki/Understanding-Scopes#wiki-ngController

Content Type	Original Author	Original Content on Stackoverflow
Question	SunnyShah	View Question on Stackoverflow
Solution 1 - Angularjs	SunnyShah	View Answer on Stackoverflow
Solution 2 - Angularjs	niaher	View Answer on Stackoverflow

Can someone provide an example of a $destroy event for scopes in AngularJS?

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

Solution 2 - Angularjs

1. method - $scope.$destroy

2. event - $scope.$on("$destroy")

Activity has leaked IntentReceiver that was originally registered here. Are you missing a call to unregisterReceiver()?

Read a CSV from github into R

Attributions