评估指令内的变量

Question

有没有办法在指令中评估src？这是我的片段：

app.directive('loadTemplate', function ($templateCache,$compile) {
      return {
          restrict: 'A',
          scope: {
              src: '@'
          },
          template:$templateCache.get("'{{src}}'")
      };
  });

Answer 1

使用templateUrl它可以接受一个函数：

app.directive('loadTemplate', function ($templateCache,$compile) {
    return {
        restrict: 'A',
        scope: {
            src: '@'
        },
        templateUrl: function (elem, attrs) {
            return attrs.src;
        }
    };
});

在你的HTML中：

<loadTemplate src="xxx.html"></loadTemplate>