include page with ng-include, angularjs

Question

Im trying to include a file with ng-include, but it don't work. The file should be included when you press on a button:

<button type="submit" class="btn btn-primary" ng-click="getPartial()">Jämför</button>

Here is my function in the controller:

$scope.getPartial = function() {
            $scope.showCompare = '../partials/compare.html';
            console.log($scope.showCompare);
        };

And here is my div:

<div data-ng-include data-ng-src="showCompare"></div>

Nothing is included. Have I done something wrong?

@ThomasP1988: What is the difference between ng-include and data-ng-include? — user500468, Jul 18 '14 at 13:02
look at it http://stackoverflow.com/questions/16184428/what-is-the-difference-between-ng-app-and-data-ng-app — ThomasP1988, Jul 18 '14 at 13:06

score 0 · Accepted Answer · answered Jul 18 '14 at 12:35

0

change this:

<div data-ng-include data-ng-src="showCompare"></div>

to either this:

<div data-ng-include src="showCompare"></div>

or this:

<div data-ng-include="showCompare"></div>

answered Jul 18 '14 at 12:35

Raghavendra

1 Answers1