AngularJS指令動態模型結合，以查看

Question

我有以下指令：

app.directive('renderPartial', function($compile) { 
    return { 
     restrict: "AE", 
     link: function(scope, element, attrs) { 
     var path = getPartial(attrs.module, attrs.file); 
     //path = /abc/some_file.html 
     scope[attrs.model] = path; 
     var el = $compile('<div ng-include="attrs.model"></div>')(scope); 
     element.html(el); 
     } 
    } 
}); 

筆者認爲：

<render-partial module="abc" file="some_file" model="some_model"></render-partial> 

現在，由於某種原因，這是行不通的，沒有錯誤。但文件沒有得到渲染。

Plunkr我的問題：http://plnkr.co/edit/CkTE2pV4i5LvL60NEYfE

Answer 1

UPDATE

根據附着在評論plunker： -

你需要做兩件事情

1）使用var el = $compile('<div ng-include="'+attrs.model+'"></div>')(scope);

2）element.append(el); in平面HTML代替:-P

Plunker

Answer 2

你可以把它的動態，像這樣：

myApp.directive('renderPartial', function($compile) { 
    return { 
     restrict: "AE", 
     link: function(scope, element, attrs) { 
     var path = 'test.html'; 
     scope.path = path; 
     var el = $compile('<div ng-include="path"></div>')(scope); 
     element.append(el); 
     } 
    } 
}); 

Fiddle