编辑：请直接进入答案的底部以获得最佳版本；答案是按时间顺序排列的；最后，经过几次迭代，我得到了最佳代码。谢谢你。
- 我可以覆盖 ng-bind 的行为或默认装饰它吗？
是的。我已经完成了一个非常简单的实现，可以ng-bind按照您的意愿行事。嗯......我不确定这是否正是你想要的，但至少它可以满足我的理解你想要的。
工作小提琴：http: //jsfiddle.net/93QQM/
这是代码：
module.directive('ngBind', function() {
return {
compile: function(tElement, tAttrs) {
tAttrs.ngBind = 'myBind(' + tAttrs.ngBind + ')';
return {
pre: function(scope) {
scope.myBind = function(text) {
return angular.element('<div>' + text + '</div>').text();
}
}
};
}
}
});
这不完全是一个“附加指令”——这是“覆盖 ng-bind 的行为”的方式。它不会添加新指令，它只是扩展现有 ngBind 指令的行为。
在compile函数中，我们修改ng-bind属性的值，将其包装到函数调用中。有了这个，我们可以访问原始模型值，并有机会返回修改后的值。
我们在预链接阶段通过作用域使函数可用，因为如果我们在后链接阶段这样做，则只有在原始 ngBind 指令从属性中检索到值后，该函数才可用（这将是一个空字符串，因为找不到该函数）。
该myBind函数简单而智能：它创建一个元素，文本被使用 - 未更改 - 作为元素主体，只是通过text函数立即检索 - 它将返回内容，就像“浏览器呈现”它一样。
这样，您可以像往常一样使用 ngBind <div ng-bind="model.content" />，但要修改此行为。
改良版
与其将myBind函数附加到应用 ngBind 的每个作用域，在每个预链接阶段，我们可以只将它附加到 一次$rootScope，使其立即可用于所有作用域。
新的工作小提琴：http: //jsfiddle.net/EUqP9/
新代码：
module.directive('ngBind', ['$rootScope', function($rootScope) {
$rootScope.myBind = function(text) {
return angular.element('<div>' + text + '</div>').text();
};
return {
compile: function(tElement, tAttrs) {
tAttrs.ngBind = 'myBind(' + tAttrs.ngBind + ')';
}
};
}]);
比以前的版本干净多了！当然，您可以将myBind函数名称更改为您想要的任何其他名称。该功能的“成本”是这样的：将这个简单的功能添加到根范围 - 由您决定它是否物有所值。
还有一个版本
受 Chemiv 的回答的影响......为什么不从任何范围中删除该功能并使其成为过滤器呢？它也有效。
另一个新的工作小提琴：http: //jsfiddle.net/hQJaZ/
和新代码：
module.filter('decode', function() {
return function(text) {
return angular.element('<div>' + text + '</div>').text();
};
}).directive('ngBind', function() {
return {
compile: function(tElement, tAttrs) {
tAttrs.ngBind += '|decode';
}
};
});
现在您可以从菜单中选择三个选项。