指令中的link函数不绘制边框AngularJS

嘿，我正在尝试为使用ng repeat列出的项目创建边框，我使用了链接功能，但我不想工作，我不绘制边框，它只创建破折号

指令

    (function(){
  angular.module('app')
    .directive('myDirective', function(){
    return {
      restrict : 'E',
      scope : {
        list : '='
      },
      template: '<div class="dire" ng-repeat="item in list">{{item}}</div>', 
      link: function($scope, $element, $attrs) {
        $element.addClass('active');
      }
    }
  }); 

（函数（）{
角度。模块（'app'）
.directive（'myDirective'，function（）{
返回{
限制：'E'，
范围：{
列表：'='
},
模板：“{item}}”，
链接：函数（$scope、$element、$attrs）{
$element.addClass（'active'）；
}
}
}); 

演示

---

您的div元素是一个内联对象。您需要使用

display:block；

将其设置为

block

或

inline block

元素。这不取决于您的指令。这是CSS问题

.active {
  border: 1px solid red;
  font-size: 50px;
  box-sizing: border-box;
  background-color: yellow;
  color: red;
  display: block;
}

---

>

您的div元素是一个内联对象。您需要通过使用

display:block；

将其设置为

块或
内联块。这不取决于您的指令。这是CSS问题

.active {
  border: 1px solid red;
  font-size: 50px;
  box-sizing: border-box;
  background-color: yellow;
  color: red;
  display: block;
}

>
alphapilgrim不工作，dfsq我需要使用链接功能的此选项：（alphapilgrim不工作，dfsq我需要使用链接功能的此选项：（谢谢！我有个问题想问你，如果我想用addClass做链接函数到child div怎么办？是的，我知道，但我只问未来，你知道…：D如果…：P发生了什么事？我有个问题想问你，如果我想用addClass做链接函数到child div怎么办？是的，我知道，但我只问未来，你知道…：D如果…：P