呈现值，无需数据绑定

呈现值，无需数据绑定

角度1.3+

在1.3中，Angular使用以下语法支持此功能。

<div>{{::message}}</div>

正如在这个答案中提到的。

---

Angular 1.2以下

这很简单，不需要插件。看一下这个。

这个小指令可以轻松完成您要实现的目标

app.directive('bindOnce', function() {    return {        scope: true,        link: function( $scope ) { setTimeout(function() {     $scope.$destroy(); }, 0);        }    }});

你可以这样绑定一次

<div bind-once>I bind once - {{message}}</div>

你可以像平常一样绑定

<div ng-bind="message" bind-once></div>

演示：http：//jsfiddle.net/fffnb/

你们中的某些人可能正在使用有角batarang，并且如注释中所述，如果使用此指令，则该元素在未使用时仍显示为绑定，我很确定这与附加到该元素的类有关。试试这个，它应该可以工作
（未经测试） 。请在评论中让我知道它是否对您有用。

app.directive('bindOnce', function() {    return {        scope: true,        link: function( $scope, $element ) { setTimeout(function() {     $scope.$destroy();     $element.removeClass('ng-binding ng-scope'); }, 0);        }    }});

@ x0b：如果您具有OCD，并且要删除空

class

属性，请执行此 *** 作

!$element.attr('class') && $element.removeAttr('class')