Angularjs 角度材质设计指令缓存编译输出

我有一个角度指令，将世界上所有的国家加载到md select中。我的页面可以选择很多这样的国家

我的问题是，当我在页面上有很多这样的指令时，页面会变慢并冻结。这是由于正在加载指令

由于指令一旦发出就不会更改，我想知道是否有一种方法可以缓存编译后的输出，从而使指令的行为几乎像一个静态控件

我试图在这里创建一个演示：

var-app=angular.module（'plunker'，[]）
.controller（'MainCtrl'，函数（$scope）{
$scope.rows=\范围（50）；
$scope.columns=\范围（8）
})
.directive（'myCellDirective'，函数（$compile）{
var compiled=$compile（'{{row}}*{{column}}}={{row*column}}'）；
返回{
链接：函数（范围、元素、属性）{
已编译（范围、函数（clonedElement）{
元素。追加（clonedElement）
});
}
}
})
.directive（'listCountry'，function（）{
var国家=[240]；
对于（i=0；iOr）如果您喜欢codepen，我正在尝试让它在这里工作：为什么不在指令的模板内编写
ng repeat
？而不是在html中编写许多指令？ng repeat在指令内。或者我遗漏了什么？您可以阅读更多。希望这对您有所帮助。