0

我正在AngularJS中为像这样的标签编写指令<mytextarea class="custom_mta default_mtastyle" width="30" height="40" x="150" y="50">text here</mytextarea>

通常我会有示例的属性，但它不是一个完整的列表，我可能没有其中的一些。我必须将它们转换为 CSS。下面的代码不能完美运行。例如，如果未定义宽度，则它应该是“自动”，而不是零，或者只是不包含在 css 部分中。

.directive('mytextarea', function() {
return {
  restrict: 'E',
  replace: true, 
  transclude: true,
  template: '<div ng-transclude></div>',
  link: function (scope, element, attrs) {
    /* add unique properties for this directive */
    var newcss = 'width:' + (attrs.width | 0) + 'px; height:' + attrs.height + 'px;';
    attrs.$set('style', 'color:red;' + newcss);

    /* remove attributes that are no longer needed */
    element
        .removeAttr('width')
        .removeAttr('height');

    /* and set a default class */
    attrs.$set('class', 'default_subscreen ' + attrs.class );
  }
}

有没有更好的方法来写这个？我尝试了 JSON 语法：

var mystyle = {
    position: 'absolute',
    left: attrs.x,
    width: attrs.width
}

attrs.$set('style', mystyle); // but mystyle is an object! should I use a filter?

也许我可以对这些值运行函数？就像(attrs.width)?attrs.width:0; 我还记得在 JS 中有些东西可以写成var s = "my string" + (attrs.width | 0). 我在哪里可以获得关于它的扩展解释？我还有一些组件在它们的指令中需要类似的逻辑，我正在寻找一个优雅的解决方案。

4

0 回答 0