Question

这是我的控制器的一部分：

<md-tab>
        <md-tab-label class="mbpPanel">Book</md-tab-label>   
        <md-tab-body>       
         <div flex ag-grid="bookTable.table" class="ag-mbp lowtable" ng-controller="bookController"></div>
    </md-tab-body> 
</md-tab>

在我的HTML页面中，它可以工作，直到它是这样的：

<md-tab>
    <div ng-controller="bookController">
        <md-tab-label class="mbpPanel">{{bookLabel}}</md-tab-label>   
        <md-tab-body>       
             <div flex ag-grid="bookTable.table" class="ag-mbp lowtable" ></div>                
        </md-tab-body> 
    </div> 
</md-tab>

但是当我这样做时它不起作用：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'myschema',
        'USER': 'root',
        'PASSWORD': 'mysqlroot',
        'HOST': '127.0.0.1',
        'PORT': '33060',
    }
}

我不能将ng-controller指令放在md-tab标签中，因为它会导致双指令。

有什么想法吗？

Answer 1

md-tab - 指令用于指定有关选项卡的信息以及选项卡的外观。

编译指令时，执行md-tab指令的控制器。如果查看the source code on Github，您将看到控制器检查md-tab指令的直接子项以检索md-tab-label和md-tab-body内容。

您提供给我们的工作示例有md-tab-label和md-tab-body作为md-tab的孩子。在破碎的示例中，只有div是md-tab的子项，因此控制器无法找到标签和标签的正文。

如果您将ng-controller声明移到md-tab定义之外，它应该有用。

儿童div没有看到角度范围

1 个答案: