Conditional include Angular JS

Question

I have the following code:

<div ng-include src="{{ headerLocation }}"></div>

And I have the following code in my controller:

var ER = angular.module('evidenceReviewerApp');

ER.controller('MainCtrl', function ($scope, appData, $location, $cookies) {

    // Some code

    if ( !! $cookies.loggedin || $cookies.loggedin == 'true' )
        $scope.headerLocation = 'login-header.html';
    else
        $scope.headerLocation = 'anon-header.html';

});

Of course I get the error Error: [$parse:syntax] Syntax Error: Token 'headerLocation' is unexpected, expecting [:] at column 4 of the expression [{{ headerLocation }}] starting at [headerLocation }}].

What I want to do is show a different partial depending on whether the user is logged in or not.

mpm · Accepted Answer · 2014-04-04 20:02:36Z

5

<div ng-include="headerLocation"></div>

that's all.

answered Apr 4, 2014 at 20:02

mpm

20.2k7 gold badges52 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

xyhhx Over a year ago

Oops. Still getting used to Angular as you probably can tell ;) Thanks for the answer.

Collectives™ on Stack Overflow

Conditional include Angular JS

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related