Found it: 

    ang_element = angular.element(element);
    raw_element = ang_element[0];



Is the default way of calling a function `select * from my_function()`?

I ask because I have built a function that doesn&#39;t return anything, just inserts data into a table and (coming from a SQL Server background) it &quot;feels&quot; strange to call it with `select * from...`

I was expecting something like `exec my_function()`

Calling functions with exec instead of select

I was recently asked this question in an interview.
I tried this in mySQL, and got the same results(final results).
All gave the number of rows in that particular table.
Can anyone explain the major difference between them.

What is the difference between count(0), count(1).. and count(*) in mySQL/SQL?

[angular.element][1]

&gt; All element references in Angular are always wrapped with jQuery or jqLite; they are never raw DOM references.


How can I get the raw DOM element, because I have legacy JS code (jscolor Picker) that needs the raw DOM element?

  [1]: http://docs.angularjs.org/api/angular.element

Is there a way to get the raw DOM element from an angular.element

<a href="http://docs.angularjs.org/api/angular.element" target="_blank" rel="noopener noreferrer">angular.element</a>
> All element references in Angular are always wrapped with jQuery or jqLite; they are never raw DOM references.
How can I get the raw DOM element, because I have legacy JS code (jscolor Picker) that needs the raw DOM element?

I am trying to remove elements from the array `$scope.items` so that items are removed in the view `ng-repeat=&quot;item in items&quot;`

Just for demonstrative purposes here is some code:

    for(i=0;i&lt;$scope.items.length;i++){
        if($scope.items[i].name == &#39;ted&#39;){
          $scope.items.shift();
        }
    }

I want to remove the 1st element from the view if there is the name ted right? It works fine, but the view reloads all the elements. Because all the array keys have shifted. This is creating unnecessary lag in the mobile app I am creating..

Anyone have an solutions to this problem?



How to remove elements/nodes from angular.js array

i&#39;ve created a small API using Node/Express and trying to pull data using Angularjs but as my html page is running under apache on localhost:8888 and node API is listen on port 3000, i am getting the No &#39;Access-Control-Allow-Origin&#39;. I tried using  `node-http-proxy` and Vhosts Apache but not having much succes, please see full error and code below. 

&gt;XMLHttpRequest cannot load localhost:3000. No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource. Origin &#39;localhost:8888&#39; is therefore not allowed access.&quot;    

    // Api Using Node/Express    
    var express = require(&#39;express&#39;);
	var app = express();
	var contractors = [
	    {   
	     &quot;id&quot;: &quot;1&quot;, 
	        &quot;name&quot;: &quot;Joe Blogg&quot;,
	        &quot;Weeks&quot;: 3,
	        &quot;Photo&quot;: &quot;1.png&quot;
	    }
	];

	app.use(express.bodyParser());

	app.get(&#39;/&#39;, function(req, res) {
	  res.json(contractors);
	});
	app.listen(process.env.PORT || 3000);
	console.log(&#39;Server is running on Port 3000&#39;)
        

##Angular code

    angular.module(&#39;contractorsApp&#39;, [])
    .controller(&#39;ContractorsCtrl&#39;, function($scope, $http,$routeParams) {

       $http.get(&#39;localhost:3000&#39;).then(function(response) {
           var data = response.data;
           $scope.contractors = data;
       })
     
##HTML

    &lt;body ng-app=&quot;contractorsApp&quot;&gt;
		&lt;div ng-controller=&quot;ContractorsCtrl&quot;&gt; 
			&lt;ul&gt;
			    &lt;li ng-repeat=&quot;person in contractors&quot;&gt;{{person.name}}&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
	&lt;/body&gt;

No &#39;Access-Control-Allow-Origin&#39; - Node / Apache Port Issue

I am trying to setup a confirmation dialog on an `ng-click` using a custom angularjs directive:

    app.directive(&#39;ngConfirmClick&#39;, [
        function(){
            return {
                priority: 1,
                terminal: true,
                link: function (scope, element, attr) {
                    var msg = attr.ngConfirmClick || &quot;Are you sure?&quot;;
                    var clickAction = attr.ngClick;
                    element.bind(&#39;click&#39;,function (event) {
                        if ( window.confirm(msg) ) {
                            scope.$eval(clickAction)
                        }
                    });
                }
            };
    }])

This works great but unfortunately, expressions inside the tag using my directive are not evaluated:

    &lt;button ng-click=&quot;sayHi()&quot; ng-confirm-click=&quot;Would you like to say hi?&quot;&gt;Say hi to {{ name }}&lt;/button&gt;

(name is not evaluated is this case). It seems to be due to the terminal parameter of my directive. Do you have any ideas of workaround? 

To test my code:
http://plnkr.co/edit/EHmRpfwsgSfEFVMgRLgj?p=preview

Confirmation dialog on ng-click - AngularJS

#Angular+RESTful Client-side Communication w/ API for Auth/(re)Routing

This has been covered in a few different questions, and in a few different tutorials, but all of the previous resources I&#39;ve encountered don&#39;t quite hit the nail on the head. 

##**In a nut-shell, I need to**

 * Login via POST from `http://client.foo` to `http://api.foo/login`
 * Have a &quot;logged in&quot; GUI/component state for the user that provides a `logout` route
 * Be able to &quot;update&quot; the UI when the user logs out / logs out. 
     *This has been the most frustrating*
 * Secure my routes to check for authenticated-state (should they need it) and redirect the user to the login page accordingly

##**My issues are**
 
 * Every time I navigate to a different page, I need to make the call to `api.foo/status` to determine whether or not user is logged in. (ATM I&#39;m using Express for routes) This causes a hiccup as Angular determines things like `ng-show=&quot;user.is_authenticated&quot;`
 * When I successfully login/logout, I need to refresh the page (I don&#39;t want to have to do this) in order to populate things like `{{user.first_name}}`, or in the case of logging out, empty that value out. 

   &lt;!--lang:js--&gt;
    
    // Sample response from `/status` if successful 

    {
       customer: {...},
       is_authenticated: true,
       authentication_timeout: 1376959033,
       ...
    }
 

##**What I&#39;ve tried**

* http://witoldsz.github.io/angular-http-auth/&lt;sup&gt;1&lt;/sup&gt;
* http://www.frederiknakstad.com/authentication-in-single-page-applications-with-angular-js/&lt;sup&gt;2&lt;/sup&gt; 
* https://github.com/mgonto/restangular (For the life of me I could not figure out how to `POST` with `post data` and not `query params`. The docs turned up nothing on the matter. 

##**Why I feel like I&#39;m losing my mind**

* It seems as though every tutorial relies on some database (lots of Mongo, Couch, PHP+MySQL, ad infinitum) solution, and none rely purely on communication with a RESTful API to persist logged-in states. Once logged in, additional POSTs/GETs are sent with `withCredentials:true`, so that&#39;s not the issue
* I cannot find ANY examples/tutorials/repos that do Angular+REST+Auth, sans a backend language. 

##**I&#39;m not too proud**

Admittedly, I&#39;m new to Angular, and would not be surprised if I&#39;m approaching this in a ridiculous way; I&#39;d be thrilled if someone suggest an alternative—even if it&#39;s soup-to-nuts. 

I&#39;m using `Express` mostly because I really love `Jade` and `Stylus`— I&#39;m not married to the `Express`&#39; routing and will give it up if what I want to do is only possible with Angular&#39;s routing.  

Thanks in advance for any help anyone can provide. And please don&#39;t ask me to Google it, because I have about 26 pages of purple links. ;-)

---

&lt;sup&gt;1&lt;/sup&gt;This solution relies on Angular&#39;s $httpBackend mock, and it&#39;s unclear how to make it talk to a real server.

&lt;sup&gt;2&lt;/sup&gt;This was the closest, but since I have an existing API I need to authenticate with, I could not use passport&#39;s &#39;localStrategy&#39;, and it seemed **insane** to write an OAUTH service...that only I intended to use. 

AngularJS Authentication + RESTful API

I&#39;m building a dashboard system in AngularJS and I&#39;m running into an issue with setting the url via `$location.path`

In our dashboard, we have a bunch of widgets. Each shows a larger maximized view when you click on it. We are trying to setup deep linking to allow users to link to a dashboard with a widget maximized.

Currently, we have 2 routes that look like `/dashboard/:dashboardId` and `/dashboard/:dashboardId/:maximizedWidgetId`

When a user maximizes a widget, we update the url using `$location.path`, but this is causing the view to re-render. Since we have all of the data, we don&#39;t want to reload the whole view, we just want to update the URL. Is there a way to set the url without causing the view to re-render?

`HTML5Mode` is set to `true`.

Updating URL in Angular JS without re-rendering view

When should I use `transclude: &#39;true&#39;` and when `transclude: &#39;element&#39;` ?
I cant find anything about `transclude: &#39;element&#39;` in the angular docs, they are pretty confusing.

I would be happy if someone could explain this in simple language.
What is the benefit of each option? What is the real difference between them?

This is what I have found :

&gt;     transclude: true
&gt;    
&gt; Inside a compile function, you can manipulate the DOM with the help of transclude linking function or you can insert the transcluded DOM into the template using ngTransclude directive on any HTML tag. 

and

&gt;     transclude: ‘element’
&gt;    
&gt; This transcludes the entire element and a transclude linking function is introduced in the compile function. You can not have access to scope here because the scope is not yet created. Compile function creates a link function for the directive which has access to scope and transcludeFn lets you touch the cloned element (which was transcluded) for DOM manipulation or make use of data bound to scope in it. For your information, this is used in ng-repeat and ng-switch.


When to use transclude &#39;true&#39; and transclude &#39;element&#39; in Angular?

I want to know how to do drag and drop by using AngularJs.

This is what I have so far:

    &lt;span&gt;&lt;input type=&quot;checkbox&quot; ng-model=&quot;master&quot;&gt;&lt;span&gt;SelectAll&lt;/span&gt;&lt;/span&gt;
    &lt;div ng-repeat=&quot;todo in todos&quot;&gt;
             
        &lt;div ng-hide=&quot;enableEditor&quot;&gt;
            &lt;a href=&quot;#&quot;&gt;Drag&lt;/a&gt;
            &lt;input id=&quot;checkSlave&quot; type=&quot;checkbox&quot; ng-checked=&quot;master&quot; ng-model=&quot;todo.done&quot;&gt;
                    
            &lt;span ng-if=&quot;checked&quot; ng-show=&quot;removed&quot; ng-bind=&quot;todo.task_name&quot; class=&quot;removed&quot;&gt;&lt;/span&gt;
            &lt;span ng-bind=&quot;todo.task_name&quot;&gt;&lt;/span&gt;
            &lt;span ng-bind=&quot;todo.state&quot;&gt;&lt;/span&gt;
            &lt;a href=&quot;#&quot; ng-click=&quot;editTask(todo.task_id,todo.task_name,editMode=!editMode)&quot;&gt;Edit&lt;/a&gt; 
      
           &lt;/div&gt;
           &lt;/div&gt;
           
        &lt;div ng-show=&quot;enableEditor&quot;&gt;
         &lt;input type=&quot;text&quot; ng-show=&quot;editMode&quot; ng-model=&quot;todo.task_name&quot;  ng-change=&quot;update(todo.task_id,todo.task_name)&quot;&gt;
         &lt;a href=&quot;#&quot; ng-click=&quot;saveTask(todo.task_id,todo.task_name,editMode=!editMode)&quot;&gt;Save&lt;/a&gt;
         &lt;a href=&quot;#&quot; ng-click=&quot;cancelTask(todo.task_id,todo.task_name,editMode=!editMode)&quot;&gt;Cancel&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;

http://plnkr.co/edit/llTH9nRic3O2S7XMIi6y?p=preview..

How to Create simple drag and Drop in angularjs

If I have a directive that responds to the status of a particular attribute on the scope, and I want to change that attribute in my test and verify that it responds correctly, which is the best way of doing that change?

I&#39;ve seen both these patterns:

    scope.$apply(function() {
        scope.myAttribute = true;
    });

and 

    scope.myAttribute = true;
    scope.$digest();

What is the difference between them, and which is better and why?

$apply vs $digest in directive testing

Hi I was wondering if there was a way to preview images before I upload them using angularjs?  I am using the this library. https://github.com/danialfarid/angular-file-upload

Thanks.  Here is my code:

template.html


     &lt;div ng-controller=&quot;picUploadCtr&quot;&gt;
    &lt;form&gt;
            &lt;input type=&quot;text&quot; ng-model=&quot;myModelObj&quot;&gt;
          &lt;input type=&quot;file&quot; ng-file-select=&quot;onFileSelect($files)&quot; &gt;
     &lt;input type=&quot;file&quot; ng-file-select=&quot;onFileSelect($files)&quot; multiple&gt;
  
     &lt;/form&gt;
         &lt;/div&gt;

controller.js


      .controller(&#39;picUploadCtr&#39;, function($scope, $http,$location, userSettingsService) {

     $scope.onFileSelect = function($files) {
    //$files: an array of files selected, each file has name, size, and type.
    for (var i = 0; i &lt; $files.length; i++) {
      var $file = $files[i];
      $http.uploadFile({
        url: &#39;server/upload/url&#39;, //upload.php script, node.js route, or servlet uplaod url)
        data: {myObj: $scope.myModelObj},
        file: $file
      }).then(function(data, status, headers, config) {
        // file is uploaded successfully
        console.log(data);
      }); 
    }
    }


Content Type	Original Author	Original Content on Stackoverflow
Question	Jimmy Kane	View Question on Stackoverflow
Solution 1 - Angularjs	Jimmy Kane	View Answer on Stackoverflow

Is there a way to get the raw DOM element from an angular.element

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

What is the difference between count(0), count(1).. and count(*) in mySQL/SQL?

Calling functions with exec instead of select

Attributions