在AngularJS指令中实现继承

我想在AngularJS指令中实现OOP继承来创建可重用的控件。我正在使用Base2's Class definition进行继承。我在想什么是实现这样在AngularJS指令中实现继承

<control-input type="text" name="vendor_name"></control-input>

一个指令然后，我会创建一个BaseControl类常用功能

angular.module('base',[]).factory('BaseControl', function() { 
    return Base.extend({ 
    'restrict': 'E', 
    'require': '^parentForm' 
    /* ... */ 
    }; 
});

然后，我会创建特定的控制

angular.module('controls',['base']).factory('TextControl', function(BaseControl) { 
    return BaseControl.extend({ 
    /* specific functions like templateUrl, compile, link, etc. */ 
    }; 
});

的问题是我想使用单个指令control-input并在属性中指定类型，但问题是当我创建指令时，我没有k现在如何检索类型

angular.module('controls',['controls']).directive('control-input', function(TextControl) { 
    /* here it should go some code like if (type === 'text') return new TextControl(); */ 
});

任何想法？

来源

2013-10-04 Andres Rovira

您可以使用链接函数的attrs参数来获取每个指令的类型。看看下面的代码，并检查你的控制台。（http://jsbin.com/oZAHacA/2/）

<html ng-app="myApp"> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 
    <script> 
     var myApp = angular.module('myApp', []); 

    myApp.directive('controlInput', [function() { 
     return { 
      restrict: 'E', 
      link: function (scope, iElement, iAttrs) { 
       console.log(iAttrs.type); 
      } 
     }; 
    }]); 

    </script> 
    </head> 
<body> 

    <control-input type="text" name="vendor_name"></control-input> 

</body> 
</html>

来源

2013-10-04 01:04:28

是的，问题是，我想返回DDO本身为业，更换'返回{...}''通过返回新TextControl（...）'或类似的东西那时，我没有关于属性和范围的信息。 –

在AngularJS指令中实现继承

回答

相关问题