我的控制器中的作用域变量无法正常工作ng-include的src

Question

I'm trying to load my ng-include dynamically by putting a $scope variable in the 'src' tag. 我试图通过将$ scope变量放在'src'标签中来动态加载ng-include。 Here's my code: 这是我的代码：

In controller: 在控制器中：

app.controller('myController', function($scope) {
    $scope.requests = {
        "0": { url: '/tpl-first-request.html' },
        "1": { url: '/tpl-second-request.html' }
    };

    $scope.getRequest = getRequest;

    function getRequest(request) {
        $scope.request = $scope.requests[request].url;
    }
});

In html: 在html中：

<body ng-controller="myController">
    <button ng-click="getRequest(0)">Click first one</button>
    <button ng-click="getRequest(1)">Click second one</button>
    <p ng-if="request">Request = {{request}}</p>
    <div ng-include src="request"></div>
</body>

The ng-include is not working, but the printout of "Request = {{request}}" is working fine.. You can test it in this Plunker ng-include无效，但是“ Request = {{request}}”的打印输出正常。.您可以在此Plunker中对其进行测试

Answer 1

Remove the slash from request path. 从request路径中删除斜杠。

  $scope.requests = {
    "0": { url: 'tpl-first-request.html' },
    "1": { url: 'tpl-second-request.html' }
  };

This do the job, at least in my PLNKR . 这样做，至少在我的PLNKR中。

Answer 2

It's a plunker problem, you're using absolute URLs for your templates instead of relatives ones: 这是一个很麻烦的问题，您使用的是模板的绝对URL而不是亲戚的URL：

  $scope.requests = {
    "0": { url: 'tpl-first-request.html' },
    "1": { url: 'tpl-second-request.html' }
  };

working plunker : http://plnkr.co/edit/iTZJ64YyyxqbQyC1bOKS?p=preview 正在工作的朋克： http ://plnkr.co/edit/iTZJ64YyyxqbQyC1bOKS?p=preview

我的控制器中的作用域变量无法正常工作ng-include的src

问题描述

2 个解决方案

解决方案1
1 2015-07-17 09:08:27

解决方案2
0 2015-07-17 09:09:09

我的控制器中的作用域变量无法正常工作ng-include的src

问题描述

2 个解决方案

解决方案1 1 2015-07-17 09:08:27

解决方案2 0 2015-07-17 09:09:09

解决方案1
1 2015-07-17 09:08:27

解决方案2
0 2015-07-17 09:09:09