Javascript 具有相同模板但具有动态内容的指令

HTML:

我想根据id属性获取动态列表。也就是说，如果id是managername，那么我的ng repeat应该重复a、b、c、d，否则它应该重复e、f、g、h

---

如何做到这一点？我使用的是angular.js 1.2版本。

您可以向链接发送一个属性，它将检查您发送给它的值，并相应地进行处理

以下是一个例子：

if(attr.id === "name"){
scope.names = ["A","B","C","D"];
}else{
scope.names = ["E","F","G","H"];
}

//指令
angular.module（'yourModule'）。指令（'directiveName'，
函数（$parse）{
返回{
限制：'E'，
templateUrl:“您的/template.html”，
范围：{
检查：“@”，
},
链接：函数（范围、元素、属性）{
如果（scope.check==“无论什么”）{
}
}
})
//HTML

您可以将一个属性发送到您的链接，它将检查您发送给它的值，并相应地执行操作

以下是一个例子：

if(attr.id === "name"){
scope.names = ["A","B","C","D"];
}else{
scope.names = ["E","F","G","H"];
}

//指令
angular.module（'yourModule'）。指令（'directiveName'，
函数（$parse）{
返回{
限制：'E'，
templateUrl:“您的/template.html”，
范围：{
检查：“@”，
},
链接：函数（范围、元素、属性）{
如果（scope.check==“无论什么”）{
}
}
})
//HTML

即使在这样检查之后。如果我最终更改范围变量，名称集合也在更改。我不希望这样。在我的页面中，我需要使用相同的指令，但它应该呈现不同的集合。即使在这样检查之后。如果我最终更改范围变量，名称集合也在更改。我不希望在我的页面中，我需要使用相同的指令，但它应该呈现不同的集合。

if(attr.id === "name"){
scope.names = ["A","B","C","D"];
}else{
scope.names = ["E","F","G","H"];
}

//Directive 

angular.module('yourModule').directive('directiveName',

      function($parse) {
        return {
          restrict: 'E',
          templateUrl: "your/template.html",
          scope: {
            check: '@',
          },
          link: function(scope, element, attrs) {
             if(scope.check == "whatever"){

             }

          }
     })



//HTML

      <directive-name check="whatever"></directive-name>