Javascript 在另一个指令模板内动态注入指令_Javascript_Angularjs

Javascript 在另一个指令模板内动态注入指令

javascript angularjs

Javascript 在另一个指令模板内动态注入指令,javascript,angularjs,Javascript,Angularjs,你好，我是AngularJS的新手，我想我误解了什么。我试图在另一个指令模板中动态注入一个指令例如，我有两个指令“a-tag”和“b-tag”，我想在另一个指令“container”中添加这两个指令中的一个我有这样的想法： <body ng-app="myApp"> <container item="a-tag" a-color="#f00"></container> </body> angular.module("A", []).d

你好，我是AngularJS的新手，我想我误解了什么。我试图在另一个指令模板中动态注入一个指令

例如，我有两个指令“a-tag”和“b-tag”，我想在另一个指令“container”中添加这两个指令中的一个

我有这样的想法：

<body ng-app="myApp">
    <container item="a-tag" a-color="#f00"></container>
</body>

angular.module("A", []).directive("aTag", function(){
   return {
       restrict: "EA",
       templateUrl: "template/a.html",
       replace: true,
       link: function(scope, element, attrs){
           element.css("color", attrs.bColor);
       }
   };
});

这是一个简单的例子。实际上，我设计了一个模式弹出窗口（我的容器），我想用它来显示表单、加载程序（我的指令a-tag、b-tag等）

任何想法都欢迎

泰

雷米

angular.module("A", []).directive("aTag", function(){
   return {
       restrict: "EA",
       templateUrl: "template/a.html",
       replace: true,
       link: function(scope, element, attrs){
           element.css("color", attrs.bColor);
       }
   };
});