html - angularjs中的内联CSS

Question

我是 Angular js 和 Material Design 的新手，有人可以帮助我了解如何将此 css 作为我的 md-select 标签的内联 css 吗？

CSS:

body md-select-menu, body md-content{
  max-height: 350px;
}

这是我的 md-select 的 html 代码

<md-select ng-model="aaa" name="bbb" required>
    <md-option value="1">1</md-option>
    <md-option value="2">2</md-option>
    <md-option value="3">3</md-option>
    <md-option value="4">4</md-option>
    <md-option value="5">5</md-option>
    <md-option value="6">6</md-option>
    <md-option value="7">7</md-option>
    <md-option value="8">8</md-option>
    <md-option value="9">9</md-option>
    <md-option value="10">10</md-option>
    <md-option value="11">11</md-option>
    <md-option value="12">12</md-option>

当我只使用 style 属性时，它现在可以工作了。

Answer 1

詹姆斯，

您将无法执行此操作有两个原因:

1. 该指令不会将参数 style="yourstyle" 映射到下面的任何其他结构

2. 您不能将内联 css 应用于嵌套的子元素

我相信最好的方法仍然是使用 CSS 类。 (这对于代码重用也相当不错)