AngularJS with ng-include srcをコントローラー関数を使用して

Question

ng-includeのsrc内で関数を使用する方法を理解しようとしていますが、以下のコードは機能しません。私はすでに二重引用符内の一重引用符を使用しようとしましたが、まだ動作していません。

TEMPLATE

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

CONTROLLER

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

Answer 1

ngIncludeのsrcは、中括弧を必要としません。関数を直接渡すことができます。それが動作

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>