If you are using Angular v1.1.5 or later, you can also use [ng-if][3]:

    &lt;div ng-if=&quot;x&quot; ng-include=&quot;&#39;/partial.html&#39;&quot;&gt;&lt;/div&gt;

---

If you have any older version: 

Use [ng-switch][1]:

    &lt;div ng-switch on=&quot;x&quot;&gt;
       &lt;div ng-switch-when=&quot;true&quot; ng-include=&quot;&#39;/partial.html&#39;&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

[Fiddle][2]


  [1]: http://docs.angularjs.org/api/ng.directive:ngSwitch
  [2]: http://jsfiddle.net/mrajcok/pMp9M/
  [3]: http://code.angularjs.org/1.1.5/docs/api/ng.directive:ngIf

You could also do 

    &lt;div ng-include=&quot;getInclude()&quot;&gt;&lt;/div&gt;

In your controller

    $scope.getInclude = function(){
        if(x){
            return &quot;partial.html&quot;;
        }
        return &quot;&quot;;
    }

A little bit more readable version of one of the answers. Plus setting `ng-include` to `null` removes the element - just like `ng-if`.


    &lt;div ng-include=&quot;x ? &#39;true-partial.html&#39; : null&quot;&gt;&lt;/div&gt;


If the condition is simple enough, you could also put the conditional logic directly in the ng-include expression:

    &lt;div ng-include=&quot;x &amp;&amp; &#39;true-partial.html&#39; || &#39;false-partial.html&#39;&quot;&gt;&lt;/div&gt;

Note the expression `x` is not in single quotes and therefore evaluated. See http://plnkr.co/edit/4fvNDa6Gm3dbVLgsAZrA for more details.

I encountered a similar issue and may be this finding can help someone. I have to display different partials on click of link but ng-if and ng-switch both were not working in this scenario(Below code was not working).

    &lt;button type=&quot;button&quot; class=&quot;btn btn-link&quot; ng-click=&quot;viewType(&#39;LIST&#39;)&quot;&gt;List All&lt;/button&gt;
	&lt;button type=&quot;button&quot; class=&quot;btn btn-link&quot; ng-click=&quot;viewType(&#39;EDIT&#39;)&quot;&gt;Edit&lt;/button&gt;
	&lt;button type=&quot;button&quot; class=&quot;btn btn-link&quot; ng-click=&quot;viewType(&#39;VIEW&#39;)&quot;&gt;View&lt;/button&gt;
			
	&lt;section class=&quot;col-md-8 left-col&quot;&gt;
		&lt;span ng-if = &quot;LIST&quot;&gt;
			&lt;div data-ng-include=&quot;&#39;./app/view/articles/listarticle.html&#39;&quot;&gt;
		&lt;/span&gt;
		&lt;span ng-if = &quot;EDIT&quot;&gt;
			&lt;div data-ng-include=&quot;&#39;./app/view/articles/editorarticle.html&#39;&quot;&gt;
		&lt;/span&gt;
				
    &lt;/section&gt;

So what I did is, instead of using ng-if, On click of link just update the value of partialArticleUrl (which is a model in controller) and declare below code on html.
         
			&lt;section class=&quot;col-md-8 left-col&quot;&gt;
				&lt;div data-ng-include=&quot;partialArticleUrl&quot;&gt;
			&lt;/section&gt;

I&#39;m trying to setup a Makefile that will search and copy some files (if-else condition) and I can&#39;t figure out what exactly is wrong with it? (thou I&#39;m pretty sure it&#39;s because a combination of spaces/tabs written in the wrong place).
Can I get some help with it, please?

Here&#39;s what I have currently:


    obj-m = linuxmon.o

	KDIR = /lib/modules/$(shell uname -r)/build
	UNAME := $(shell uname -m)

	all:

		$(info Checking if custom header is needed)
		ifeq ($(UNAME), x86_64)
			$(info Yes)
			F1_EXISTS=$(shell [ -e /usr/include/asm/unistd_32.h ] &amp;&amp; echo 1 || echo 0 )
			ifeq ($(F1_EXISTS), 1)
				$(info Copying custom header)
				$(shell sed -e &#39;s/__NR_/__NR32_/g&#39; /usr/include/asm/unistd_32.h &gt; unistd_32.h)
			else	
				F2_EXISTS=$(shell [[ -e /usr/include/asm-i386/unistd.h ]] &amp;&amp; echo 1 || echo 0 )
				ifeq ($(F2_EXISTS), 1)
					$(info Copying custom header)
					$(shell sed -e &#39;s/__NR_/__NR32_/g&#39; /usr/include/asm-i386/unistd.h &gt; unistd_32.h)
				else
					$(error asm/unistd_32.h and asm-386/unistd.h does not exist)
				endif
			endif
			$(info No)
		endif

		@make -C $(KDIR) M=$(PWD) modules

	clean:
		make -C $(KDIR) M=$(PWD) clean
		rm unistd_32.h


Anyways, that&#39;ll print &quot;Yes&quot;, &quot;Copying header&quot; twice and then it will quit saying that sed can&#39;t read ```/usr/include/asm-i386/unistd.h``` (which of course it can&#39;t read as I&#39;m on a x64 system).
I could say that ```make``` just isn&#39;t understanding the if/else and instead is running everything line by line.

If conditions in a Makefile, inside a target

How do I select data between a date range in MySQL. My `datetime` column is in 24-hour zulu time format. 

    select * from hockey_stats 
    where game_date between &#39;11/3/2012 00:00:00&#39; and &#39;11/5/2012 23:59:00&#39; 
    order by game_date desc;

Returns nothing despite having data between these time periods. Do I have to force the values in the *&#39;from&#39;* and *&#39;to&#39;* fields to `datetime` type in the query?

 

Select data between a date/time range

How can I do the ng-include conditionally in angularJS?

 For example I only want to include something if, the variable `x` is set to `true`.

    &lt;div ng-include=&quot;/partial.html&quot;&gt;&lt;/div&gt;

Conditional ng-include in angularjs

How can I do the ng-include conditionally in angularJS?
For example I only want to include something if, the variable <code>x</code> is set to <code>true</code>.
<pre><code class="hljs language-ini">&#x3C;div ng-include="/partial.html">&#x3C;/div>
</code></pre>

Following my previous [question][1], I&#39;m now trying to call a method on the parent controller from my directive. I get an undefined parameter. Here&#39;s what I do:


    &lt;body ng-app=&quot;myApp&quot; ng-controller=&quot;MainCtrl&quot;&gt;
      &lt;span&gt;{{mandat.rum}}&lt;/span&gt;
      &lt;span&gt;{{mandat.surname}}&lt;/span&gt;
    &lt;input type=&quot;text&quot; ng-model=&quot;mandat.person.firstname&quot; /&gt;
    &lt;my-directive mandate-person=&quot;mandat.person&quot; updateparent=&quot;updatePerson()&quot; &gt;

      &lt;/my-directive&gt;
    &lt;/body&gt;

And the script:

    var app = angular.module(&#39;myApp&#39;, []);

        app.controller(&#39;MainCtrl&#39;, function ($scope) {
            $scope.mandat = { name: &quot;John&quot;, surname: &quot;Doe&quot;, person: { id: 1408, firstname: &quot;sam&quot; } };
            $scope.updatePerson = function(person) {
                alert(person.firstname);
              $scope.mandat.person = person;   
            }
        });


        app.directive(&#39;myDirective&#39;, function () {
            return {
                restrict: &#39;E&#39;,
                template: &quot;&lt;div&gt;&lt;span&gt;{{mandatePerson.id}}&lt;span&gt;&lt;input type=&#39;text&#39; ng-model=&#39;mandatePerson.firstname&#39; /&gt;&lt;button ng-click=&#39;updateparent({person: mandatePerson})&#39;&gt;click&lt;/button&gt;&lt;/div&gt;&quot;,
                replace: true,
                scope: { mandatePerson: &#39;=&#39;, updateparent: &#39;&amp;&#39; }
                }
            }
        )

when the updatePerson method gets called, person is undefined.

jsfiddle here :  http://jsfiddle.net/graphicsxp/Z5MBf/7/

  [1]: https://stackoverflow.com/questions/15990122/passing-object-to-angularjs-directive-from-the-controller

calling method of parent controller from a directive in AngularJS

I want to do a redirect that does a full page reload so that the cookies from my web server are refreshed when the page loads. `window.location = &quot;/#/Next&quot;` and `window.location.href = &quot;/#/Next&quot;` don&#39;t work, they do an Angular route which does not hit the server.

What is the correct way to make a full server request within an Angular controller?

AngularJS - How can I do a redirect with a full page load?

How can I tell which version of Angular I am using?

I have tried:

    angular --version
    angular --v
    angular -version
    angular -v

but get `-bash: angular: command not found`

I know by `yeoman --version` that I am using `0.9.6`

But how do get the angularjs version?

How can I check which version of Angular I&#39;m using?

I have a variable that will be used by one or more Controllers, changed by Services.
In that case, I&#39;ve built a service that keeps this variable in memory, and share between the controllers.

The problem is: Every time that the variable changes, the variables in the controllers aren&#39;t updated in real time. 

I create this Fiddle to help. http://jsfiddle.net/ncyVK/

--- Note that the `{{countService}}` or `{{countFactory}}` is never updated when I increment the value of count.

How can I bind the Service/Factory variable to $scope.variable in the Controller? What I&#39;m doing wrong?
      


Binding variables from Service/Factory to Controllers

In my Angular.js application, I&#39;m running some asynchronous operation. Before it starts I cover the application with a modal div, then once the operation is complete, I need to remove the div, whether the operation was successful or not.

Currently I have this:

&lt;!-- language: lang-js --&gt;

    LoadingOverlay.start();	
    Auth.initialize().then(function() {
        LoadingOverlay.stop();
    }, function() {
        LoadingOverlay.stop(); // Code needs to be duplicated here
    })

It works well, however I would prefer to have something cleaner like this pseudo-code:

&lt;!-- language: lang-js --&gt;

    LoadingOverlay.start();	
    Auth.initialize().finally(function() { // *pseudo-code* - some function that is always executed on both failure and success.
        LoadingOverlay.stop();
    })

I assume it&#39;s quite a common problem, so I was thinking it could be done but cannot find anything in the doc. Any idea if it can be done?

How to always run some code when a promise is fulfilled in Angular.js

I am trying to bind a checkbox to scope using ng-model.  The checkbox&#39;s initial state corresponds to the scope model just fine, but when I check/uncheck the checkbox, the model does not change.  Some things to note is that the template is dynamically loaded at runtime using ng-include

    app.controller &quot;OrdersController&quot;, ($scope, $http, $location, $state, $stateParams, Order) -&gt;
    
      $scope.billing_is_shipping = false
      $scope.bind_billing_to_shipping = -&gt;
        console.log $scope.billing_is_shipping


    &lt;input type=&quot;checkbox&quot; ng-model=&quot;billing_is_shipping&quot;/&gt;

When I check the box the console logs false, when I uncheck the box, the console again logs false.  I also have an order model on the scope, and if I change the checkbox&#39;s model to be order.billing_is_shipping, it works fine

Checkbox not binding to scope in angularjs

I do not quite understand when to use a directive and when it would be more appropriate to use nginclude. Take this example: I have a partial, `password-and-confirm-input-fields.html`, that is the html for entering and confirming a password. I use this both under signup-page and under change-password-page. Those two pages has a controller each, the partial html has no dedicated controller.

Should I use directive or `ngInclude` for this?

AngularJS: ngInclude vs directive

I am trying to display a binary tree of elements, which I go through recursively with ng-include.

What is the difference between `ng-init=&quot;item = item.left&quot;` and `ng-repeat=&quot;item in item.left&quot;` ?
In this example it behaves exactly the same, but I use similiar code in a project and there it behaves differently. I suppose it&#39;s because of Angular scopes.
Maybe I shouldn&#39;t use ng-if, please explain me how to do it better.

The pane.html is:

    &lt;div ng-if=&quot;!isArray(item.left)&quot;&gt;
        &lt;div ng-repeat=&quot;item in [item.left]&quot; ng-include=&quot;&#39;Views/pane.html&#39;&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-if=&quot;isArray(item.left)&quot;&gt;
        {{item.left[0]}}
    &lt;/div&gt;
    &lt;div ng-if=&quot;!isArray(item.right)&quot;&gt;
        &lt;div ng-repeat=&quot;item in [item.right]&quot; ng-include=&quot;&#39;Views/pane.html&#39;&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-if=&quot;isArray(item.right)&quot;&gt;
        {{item.right[0]}}
    &lt;/div&gt;

    &lt;div ng-if=&quot;!isArray(item.left)&quot;&gt;
        &lt;div ng-init = &quot;item = item.left&quot; ng-include=&quot;&#39;Views/pane.html&#39;&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-if=&quot;isArray(item.left)&quot;&gt;
        {{item.left[0]}}
    &lt;/div&gt;
    &lt;div ng-if=&quot;!isArray(item.right)&quot;&gt;
        &lt;div ng-init=&quot;item = item.right&quot; ng-include=&quot;&#39;Views/pane.html&#39;&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-if=&quot;isArray(item.right)&quot;&gt;
        {{item.right[0]}}
    &lt;/div&gt;

The controller is:

    var app = angular.module(&#39;mycontrollers&#39;, []);

    app.controller(&#39;MainCtrl&#39;, function ($scope) {

        $scope.tree = {
            left: {
                left: [&quot;leftleft&quot;],
                right: {
                    left: [&quot;leftrightleft&quot;],
                    right: [&quot;leftrightright&quot;]
                }
            },
            right: {
                left: [&quot;rightleft&quot;],
                right: [&quot;rightright&quot;]
            }
        };

        $scope.isArray = function (item) {
            return Array.isArray(item);
        }
    });


EDIT:
First I run into the problem that the directive ng-repeat has a greater priority than ng-if. I tried to combine them, which failed. IMO it&#39;s strange that ng-repeat dominates ng-if.


Content Type	Original Author	Original Content on Stackoverflow
Question	JustGoscha	View Question on Stackoverflow
Solution 1 - Angularjs	Mark Rajcok	View Answer on Stackoverflow
Solution 2 - Angularjs	ganaraj	View Answer on Stackoverflow
Solution 3 - Angularjs	Rafał Lindemann	View Answer on Stackoverflow
Solution 4 - Angularjs	dspies	View Answer on Stackoverflow
Solution 5 - Angularjs	KanhuP2012	View Answer on Stackoverflow

Conditional ng-include in angularjs

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

Solution 2 - Angularjs

Solution 3 - Angularjs

Solution 4 - Angularjs

Solution 5 - Angularjs

Select data between a date/time range

If conditions in a Makefile, inside a target

Attributions