Javascript 角js中的转义性质_Javascript_Angularjs_Dom

Javascript 角js中的转义性质

javascript angularjs dom

Javascript 角js中的转义性质,javascript,angularjs,dom,Javascript,Angularjs,Dom,我正在学习angularjs。我被困在恍惚属性中，因为它让我困惑。ng transclude是如何工作的？它会将标记为ng transclude的dom中的内容替换为transcluded元素（要转换的元素），还是简单地将被转换的元素附加到标记为ng transclude的dom中我参考了egghead angularjs视频教程了解转换属性有人提到，ng-transclude只是将transclude元素附加到标记为ng-transclude的dom中这是我的html文件 learni

我正在学习angularjs。我被困在恍惚属性中，因为它让我困惑。ng transclude是如何工作的？它会将标记为ng transclude的dom中的内容替换为transcluded元素（要转换的元素），还是简单地将被转换的元素附加到标记为ng transclude的dom中

我参考了egghead angularjs视频教程了解转换属性

有人提到，ng-transclude只是将transclude元素附加到标记为ng-transclude的dom中

这是我的html文件

learning.hmtl

<html ng-app="learnangular">
<head>
    <title></title>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="learnscript.js"></script>
</head>
<body>
<div ng-controller="firstcontroller">
<custom-directive><div>This is transcluded part</div></custom-directive>
</div>
</body>
</html>


这是被排除的部分

这是我的脚本文件 learnscript.js

var app=angular.module("learnangular",[]);

app.controller("firstcontroller",function($scope){
$scope.dirobject="directive object";
});

app.directive("customDirective",function(){

    return {

   restrict:"E",
   transclude:true,
   replace:false,
   template:"<input type='text' ng-model='dirobject'></input>"+
   "<div ng-transclude>{{dirobject}}</div>",

   link:function(scope,element,attr){
   }
    };
});

var-app=angular.module（“learnangular”，[]）；
应用控制器（“firstcontroller”，功能（$scope）{
$scope.dirobject=“指令对象”；
});
app.directive（“customDirective”，function（））{
返回{
限制：“E”，
是的，
替换：false，
模板：“”+
“{{dirobject}}”，
链接：功能（范围、元素、属性）{
}
};
});

ng transclude将替换标记为ng-transclude的dom中的内容。为什么会这样？

我现在明白了。视频是用angular js 1.0.x版录制的，我使用的是最新版本。实际上，在最新版本中，转置标记完全用ng transclude属性替换元素的内容。在以前的版本中，将附加转置的标记。谢谢大家