Javascript 错误：$compile:ctreq缺少所需的控制器

我有以下代码

在我的html中：

<md-list-item ng-repeat="sidenavelem in sidenavelements">
    <md-button layout="row" layout-align="start center" ng-click="SelectSidevanElements(sidenavelem); Close()" ng-bind-html="sidenavelem.name | to_trusted">a</md-button>
</md-list-item>

<md-content layout="column" flex class="md-padding">
    <div dynamic="sidenavelement.template"></div>
</md-content>

在我的控制器里

$scope.sidenavelement = $scope.sidenavelements[0];
$scope.SelectSidevanElements = function(sidelem) {
    $scope.sidenavelement = sidelem;
};

$scope.sidenavelements = [
{
    name: "Home",
    template: 
    '<div layout-padding flex>' +
    '   <md-data-table table-card="{visible: tableCardIsEnabled}">' +
    '       <md-data-table-header-row>' +
    '           <md-data-table-column align-rule="left">Money</md-data-table-column>' +
    '       </md-data-table-header-row>' +
    '       <md-data-table-row ng-repeat="record in records">' +
    '           <md-data-table-cell>{{record.money}}€</md-data-table-cell>' +
    '       </md-data-table-row>' +
    '   </md-data-table>' +
    '</div>'
},
{
    name: similar above,
    template: similar above
},
{
    name: similar above,
    template: similar
}
];

$scope.sidenavelement=$scope.sidenavelements[0]；
$scope.SelectSidevanElements=函数（sidelem）{
$scope.sidenavelement=sidelem；
};
$scope.sidenavelements=[
{
姓名：“家”，
模板：
'' +
'   ' +
'       ' +
“钱”+
'       ' +
'       ' +
“{record.money}}}€”+
'       ' +
'   ' +
''
},
{
名称：同上，
模板：同上
},
{
名称：同上，
模板：相似
}
];

我的程序如下所示。当我单击md列表项中的md按钮时，md内容会随着sidenavelement.template的内容而更改

我有一个简单的函数，可以将元素添加到数组记录中（这些值显示在“主模板”中）

如果我转到与“主”不同的“模板”，并尝试在记录数组中插入一个值，则所有操作都有效，但我有以下错误：

!

有人能帮我吗

谢谢

---

EDIT：

您的指令有问题，即缺少

require:“…”

。
请阅读有关您的问题的更多信息，或了解有关如何创建自定义指令的更多信息。

您能提供一个帮助吗？我希望cloud9很好。）您尝试加载的模板似乎有一个

md数据表行

，该行不在

md数据表中

我已尝试在指令中插入require:“mgDataTable”，但错误仍然存在。谢谢您的重播！：）我明白了@冈萨罗要了一把小提琴，制作小提琴以获得好的答案是一种很好的做法。我建议你根据参考资料制作一把小提琴。非常感谢。

$scope.sidenavelement = $scope.sidenavelements[0];
$scope.SelectSidevanElements = function(sidelem) {
    $scope.sidenavelement = sidelem;
};

$scope.sidenavelements = [
{
    name: "Home",
    template: 
    '<div layout-padding flex>' +
    '   <md-data-table table-card="{visible: tableCardIsEnabled}">' +
    '       <md-data-table-header-row>' +
    '           <md-data-table-column align-rule="left">Money</md-data-table-column>' +
    '       </md-data-table-header-row>' +
    '       <md-data-table-row ng-repeat="record in records">' +
    '           <md-data-table-cell>{{record.money}}€</md-data-table-cell>' +
    '       </md-data-table-row>' +
    '   </md-data-table>' +
    '</div>'
},
{
    name: similar above,
    template: similar above
},
{
    name: similar above,
    template: similar
}
];