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＆＃39; src不需要大括号。你可以直接传递这个功能。

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用控制器功能的ng-include src的AngularJS

1 个答案: