属性值中的表达式未评估AngularJS

Question

＆＃13;

＆＃13;

app.directive("widget", function () {
    return {
        restrict : 'E',
        templateUrl: function (elem, attr) {
            return '/Views/Widget/' + attr.widgettype + '.html';
        },

        controller: function ($scope, $element, dataService) {
            console.log($scope.w.DataUrl);
            dataService.getData($scope.w.DataUrl)
                .then(function (data) {
                        $scope.DataSource = data;

                        $('#' + $scope.w.Name).kendoGrid({
                            columns: PrepareColumns($scope.w.Columns),
                            dataSource: data,
                            scrollable: true,
                            sortable: true
                        });
            });
       },       
    }
});

＆＃13;

<div ng-app="WidgetContainer" ng-controller="WidgetContainerCtl">
    <widget ng-repeat="w in UserWidgets" class="panel panel-default" widgettype="{{w.WType}}"></widget>
</div>

＆＃13;

＆＃13;

＆＃13;

以上是我试图实现的代码

1）根据传递的集合迭代生成小部件标签。 2）使用widgettype属性值来确定所需的模板。

但上面的内容并没有获取下一行的widgettype值

return＆＃39; / Views / Widget /＆＃39; + attr.widgettype +＆＃39; .html＆＃39;;

我已经尝试过使用nr-attr-widgettype，但这也行不通。