AngularJS指令绑定问题

我在其中一个页面上创建了一个AngularJS指令，但它没有呈现。我也没有任何错误。以下是指令模板和指令绑定代码。如果有人能帮忙，我将不胜感激

指令.js

var cardCollapsiblePanelModule = angular.module('cardCollapsiblePanelModule',[]);
cardCollapsiblePanelModule.directive('cardCollapsiblePanel', function() {
    return {
        restrict: 'A',
        templateUrl: 'scripts/virtualserver/virtualserverfeatures/monitoringprobes/views/directive-      templates/monitoring-probe-card-collapsible-panel-template.html',
        scope: {
            cardName: '@cardName'
        },
        controller: function ($scope, $element, $attrs) {
            // update dependent scope.
        },
        link: function (scope, $element, $attrs) {}

    }
});

指令HTML：

<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title clearfix" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
    <div class="pull-left">{{ cardName }}</div>
    <div class="pull-right" ><span class="iconSmall iconExpand"></span></div>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
 <!-- load the capture card settings directive here -->
</div>
</div>
</div>

试试这个

 <div class="panel-group" id="accordion">
    <!-- accordion directive for collapsible panel -->
    <div ng-repeat="card in monitoringProbeCards">
       <div card-collapsible-panel="{{$index}}"></div>
    </div>
</div>

---

我认为您需要在指令Div中添加卡名：

<div card-collapsible-panel card-index="{{$index}}" ng-repeat="card in monitoringProbeCards" card-name="{{card.cardName}}" >

---

从指令HTML绑定到{cardName}，绑定到隔离作用域上的cardName字段，该字段通过@符号后跟cardName绑定到指令上的cardName属性，使用单向数据绑定，这意味着该属性的值需要通过角度进行计算，因此{card.cardName}.

你说它不渲染是什么意思？DOM根本没有改变？我想它已经启动了？是的，已经启动了。我的意思是，指令没有数据绑定。

 <div class="panel-group" id="accordion">
    <!-- accordion directive for collapsible panel -->
    <div ng-repeat="card in monitoringProbeCards">
       <div card-collapsible-panel="{{$index}}"></div>
    </div>
</div>

<div card-collapsible-panel card-index="{{$index}}" ng-repeat="card in monitoringProbeCards" card-name="{{card.cardName}}" >