angularjs 修改html,AngularJS：更改模板中的html部分(用于指令)

我将此复制到某处：

angular.module('app')

.directive('ffInclude', ['$http', '$templateCache', '$compile' ,function($http, $templateCache, $compile) {

return function(scope, element, attrs) {

var templatePath = attrs.ffInclude;

$http.get(templatePath, { cache: $templateCache }).success(function(response) {

var contents = element.html(response).contents();

$compile(contents)(scope);

});

};

}]);

该指令的重点是类似于ng-include的工作，但是没有创建新的作用域。

可以这样使用：

我的问题如下：我也想将其用于一般模板，并且在该模板中我想切换一些内容(html元素的属性)。

因此，如果我有这个html：

模板看起来像这样：

Here is some general content

在指令中，我应该获得如下属性：

var newAttributeValue = attrs.newAttributeValue;

但是，如何用新属性替换模板中ng-show属性的值呢？

编辑：我做了一大堆...

plnkr.co/edit/UxVbTq0Ik7VcTEzWNTxB?p=预览

上面将其设置为true，我将其设置为false。

哦，@ NoypiGilas，完全忘记了一件事，这创建了一个新的作用域，而该指令的全部原因是保留原始作用域。 有没有一种方法可以在不创建新范围的情况下进行操作？

这个问题昨天删除了吗？

@NoypiGilas，昨天我做很多事情太快了...

这不是一个愚蠢的问题，实际上这对某些人来说是一个棘手的问题，并且非常有用。 问题是我将其放在注释中，而不是下面的答案部分。 我只是在回答问题-抱歉，如果它带来了错误的信息。

如果您的问题是新的范围。 实际上，您正在使用隔离范围的功能。 这是指令定义对象中的作用域配置。 此功能应创建一个新的隔离范围。 如果您想要原始范围，则不隔离范围是一种方法。

我喜欢这种做一般模板的想法... =)

下面的解决方案不会隔离范围。

http://plnkr.co/edit/jFj8MHZ9Kalrk4qO35IX?p=preview

return function(scope, element, attrs) {

scope.newAttributeValue = attrs.newAttributeValue;

console.log("new=", scope.newAttributeValue);

在常规模板上：

完美，@ NoypiGilas，真的很简单！ 非常感谢 ：)

很高兴获得帮助。 =)