AngularJS with ng-include src using controller function

Question

I'm trying to figure out how to use function inside the src of ng-include but the code below doesn't work. I already tried using single quotation mark inside the double quotation mark but still not working.

TEMPLATE

<div ng-include src="{{templateUrl('tables/requestTable.html')}}"></div>

CONTROLLER

$scope.templateUrl = (url) => {
    return 'https://example.com/url';
}

31piy · Accepted Answer · 2017-12-14 09:15:16Z

2

ngInclude's src doesn't need curly braces. You can directly pass the function.

angular.module('myApp', [])
  .controller('test', function($scope) {
    $scope.templateUrl = function() {
      return 'url';
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="test">
  <div ng-include src="templateUrl()"></div>

  <script type="text/ng-template" id="url">test template</script>
</div>

answered Dec 14, 2017 at 9:15

31piy

23.9k6 gold badges51 silver badges69 bronze badges

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

1 Comment

ivanavitdev Over a year ago

Thanks it works. my bad i forgot that you dont need to use curly braces on ng-

Collectives™ on Stack Overflow

AngularJS with ng-include src using controller function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related