栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

呈现值,无需数据绑定

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

呈现值,无需数据绑定

角度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')


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/426919.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号