Question

我有一个AngularJS指令，指定replace: true和template: <span style="color: red;"></span>。每当我在我的标记中使用该指令时，似乎style属性的内容在DOM中重复：<span style="color: red;;color: red;"></span>。这是AngularJS中的错误，还是我在这里做错了什么？

这是一个演示问题的Plunk：http://plnkr.co/edit/UMhmjGS3XW84d7zctujo

Answer 1

我不知道是什么导致了这种情况，但列出可能的解决方案会受到伤害。

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {$scope.style={color:red};);

app.directive('myDirective', function() {
  return {
    replace: true,
    template: '<span ng-style="style" class="my-test-class">something!</span>'
  };
 });

请参阅：ngStyle

AngularJS指令中的重复样式属性

1 个答案: