Javascript AngularJS-关闭平铺并从ngRepeat指令AngularJS中的模型加载新视图

我有个问题。我在浏览器中创建了3个平铺，当我关闭平铺时，它必须取消显示，并在其位置显示新的平铺

所以在右上角我有一个十字架，它必须闭合瓷砖

当我单击第一个磁贴时，lict关闭向右移动，新的磁贴出现在这个地方，而旧的磁贴（这是我应用程序中的一个大错误），然后单击其他磁贴，什么都不做

现在，我在浏览器代码和控制台中消除了错误，获得了良好的数据（在函数close tile中），但我做了一些错误的事情，或者我做了一些错误的事情。因此，在这个函数中，当我关闭tile时，我将其从对象列表中删除，并在此位置将新属性添加到新的tile中（从restSlide）

这就是我的指示：

dModule.directive（'activeMetro'，['$compile'，'$http'，'$templateCache'，函数（$compile，$http，$templateCache）{
var getTemplate=函数（contentType）{
var templateLoader，
baseUrl='partials/tiles/'，
模板映射={
Club:'Club.html'，
Festival:'Festival.html'，
剧院：'剧院.html'，
试镜：“tv.html”，
Seance:'cinema.html'，
Sport:'Sport.html'
};
var templateUrl=baseUrl+templateMap[contentType]；
templateLoader=$http.get（templateUrl，{cache:$templateCache}）；
返回模板装载机；
};
变量链接器=函数（范围、元素、属性）{
var loader=getTemplate（scope.content.Type）；
var promise=loader.success（函数（html）{
html（html）；
}).然后（功能（响应）{
replaceWith（$compile（element.html（））（scope））；
});
};
返回{
限制：'E'，
排除：'正确'，
范围：{
内容：'=内容'，
globalFoo:'=globalFoo'，
附加：'=附加'，
},
控制器：['$scope'，'$element'，'$attrs'，'$transclude'，'$rootScope'，函数（$scope，$element，$attrs，$transclude，$rootScope）{
$scope.removeFromSlide=函数（id）{
如果（$rootScope.additional.length>1）{
var slides=$rootScope.content；
var restlide=$rootScope.additional；
var numSlide=$rootScope.slideNumber；
var onSlide=$rootScope.activitiesOnSlideNumber；
对于（var i=0；i

removeFromSlide是关闭我的互动程序的功能

现在我有一个页面result.html：

和代码包含在所有类型的分幅中（这是从指令加载的模板，用于区分分幅的类型）。在所有类型的瓷砖中使用相同的代码，即

X
{{content.Type}{{content.Id}
{{content.Title}
G:{{content.G}

R:{{content.R}

Y:{{content.p}

K:{{content.Pr}}

{{content.Description}}

我正在等待帮助：）

修复此错误：

在指令链接器中：

var linker=函数（范围、元素、属性）{
var loader=getTemplate（scope.content.Type）；
loader.success（函数（html）{
html（html）；
$compile（element.contents（））（范围）；
});