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

如何对自定义AngularJS指令使用“替换”功能?

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

如何对自定义AngularJS指令使用“替换”功能?

拥有后,

replace: true
您将获得以下DOM:

<div ng-controller="Ctrl" >    <div >hello</div></div>

而随着

replace: false
你得到这个:

<div ng-controller="Ctrl" >    <my-dir>        <div >hello</div>    </my-dir></div>

因此

replace
,伪指令中的属性是指应用伪指令的元素(
<my-dir>
在这种情况下)是否应保留(
replace:false
),并且伪指令的模板应 附加 为其子元素,

要么

应用指令的元素应由指令的模板 替换

replace: true
)。

在这两种情况下,元素的子元素(将对其应用指令)都将丢失。如果您想保留元素的原始内容/子元素,则必须对其进行转义。可以使用以下指令:

.directive('myDir', function() {    return {        restrict: 'E',        replace: false,        transclude: true,        template: '<div>{{title}}<div ng-transclude></div></div>'    };});

在这种情况下,如果在指令的模板中有一个具有attribute的元素(或多个元素)

ng-transclude
,则其 内容
将被该元素(对其应用指令)的原始内容替换。

请参见翻译示例http://plnkr.co/edit/2DJQydBjgwj9vExLn3Ik?p=preview



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

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

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