在angular JS中,我们有一个属性,在定义指令时有一个名为replace的可能值为true或false的属性。但我不明白这个属性将如何使用。当它被设置为trueAngular JS:替换指令中的属性
0
A
回答
0
实际的模板将取代HTML父元素:
<div class="parent">
<my-dir><div>Hello world!!</div></my-dir>
</div>
如果更换是真,MIR-dir的标签将被删除。
<div class="parent">
<div>Hello world!!</div>
</div>
如果更换是假,MIR-dir的标签将不会被删除。
<div class="parent">
<my-dir><div>Hello world!!</div></my-dir>
</div>
希望你能理解!!让我知道你是否有任何疑问。
0
替换 - 如果设置为true,将用模板替换其上有指令的元素。
PS:您必须使用templateUrl/template和replace。
HTML
<div angular></div>
<div class="angular"></div>
<angular>Simple angular directive</angular>
JS
var App = angular.module('App', []);
App.directive('angular', function() {
return {
restrict: 'ECMA',
replace: true,
template: '<img src="http://goo.gl/ceZGf"/>'
};
});
上面的例子角指令将通过模板即 “更换的内容” 内容替换其内容 “简单的角度指令”。
0
据角(替换选项)的documentation:
真 - 模板将取代指令的元素。
false - 模板将替换指令元素的内容。
想象一下,你有一个名为my-directive
与模板<span>directive</span>
指令和你的HTML代码<div my-directive></div>
。然后replace : false
结果:
<div my-directive><span class="replaced" my-directive="">directive</span></div>
而且replace : true
结果:
<span class="replaced" my-directive="">directive</span>
请注意,此选项已被弃用。
查看相关问题:
相关问题
- 1. Angular JS属性指令采取变量
- 2. Angular JS指令
- 3. 指令Angular JS
- 4. JS属性值onclick替换
- 5. Angular指令设置禁用的属性
- 6. 将文字属性值传递给angular js指令
- 7. 属性指令
- 8. Angular指令属性没有通过
- 9. Angular js指令问题
- 10. Angular JS Refresh Pager指令
- 11. Angular JS指令和JQuery Datepicker
- 12. 使用jQuery替换元素后,指令不会转换属性
- 13. 什么是Angular中的指令.JS
- 14. 替换LLVM中的指令
- 15. 在Angular JS中,我如何从指令属性注入数据到模板?
- 16. 在Angular中的属性指令中设置href
- 17. AngularJS中的属性指令
- 18. 噶 - 不正确的ui属性的div,而单元测试Angular JS指令
- 19. 如何评估属性并将其替换为指令?
- 20. 替换CoreData中的属性
- 21. domain.xml中的属性替换
- 22. 无法访问Angular指令中服务的对象属性
- 23. 单元测试Angular 2中的属性指令
- 24. Angular中的量角器测试:如何检查指令属性?
- 25. Angular 2组件中'controllerAs'指令属性的模拟是什么?
- 26. Javascript对象作为Angular指令属性中的函数参数
- 27. 测试属性指令
- 28. 访问量角器JS中的Angular JS指令内的元素
- 29. Angular js将父指令的变量传递给子指令
- 30. 作为属性的AngularJS指令 - 在指令中更改数组
它将取代在那里你将你的指令的模板,把你的指令中的DOM元素。 – Walfrat
我看到的最好的解释是[SO:角度指令替换=真](http://stackoverflow.com/a/22498024/5535245) – georgeawg
[Angular指令replace = true](http:// stackoverflow。 COM /问题/ 22497706 /角指令替换真) – georgeawg