Javascript AngularJS主题颜色选择器问题

Javascript AngularJS主题颜色选择器问题,javascript,jquery,angularjs,angular-components,Javascript,Jquery,Angularjs,Angular Components,在上面的代码笔中,我有一个主题颜色选择器,它根据单击的按钮更改颜色 问题:我想知道是否可以将其更改为这种情况,您将要使用的颜色作为参数传递给指令 例如: <my-application color="blue"></my-application> 因此,在本例中,指令中将使用单词blue,然后将蓝色主题应用于应用程序。我想知道这是否可能 我需要这个,因为我想改变我刚刚根据用户需要创建的指令的颜色 问题:我上面的问题可行吗?或者,是否有其他方法可以通过仅传入参数来更改

在上面的代码笔中,我有一个主题颜色选择器,它根据单击的按钮更改颜色

问题:我想知道是否可以将其更改为这种情况,您将要使用的颜色作为参数传递给指令

例如:

<my-application color="blue"></my-application>

因此,在本例中,指令中将使用单词blue,然后将蓝色主题应用于应用程序。我想知道这是否可能

我需要这个,因为我想改变我刚刚根据用户需要创建的指令的颜色


问题:我上面的问题可行吗?或者,是否有其他方法可以通过仅传入参数来更改角度主题的颜色

在您的示例中,您可以看到指令“themePreview”已经包含参数:

<theme-preview primary="primary" accent="accent"></theme-preview>
Html


您可以查找有关隔离作用域局部作用域属性的信息,以便清楚地了解您想要实现的目标。试试看这个。

嗨。我可以问一下是否使用md颜色,我可以将其应用于按钮和其他元素吗??因为现在它只用于背景只需设置背景,如
md colors=“{background:'purple'}”
我在对话框中使用一个表单,所以我想更改整个表单的颜色,例如:按钮颜色、文本颜色。在这种情况下,我怎样才能按照上面的例子来做呢?因为我认为它只适用于background@lbarrosI,对此我不确定,我认为您可能需要单独更改元素的颜色。有关于如何开始的提示吗??
<theme-preview primary="'purple'" accent="'yellow'"></theme-preview>
{
  restrict: 'E',
  templateUrl: 'themePreview.tmpl.html',
  scope: {
  primary: '@',   //<--- Text binding
  accent:  '@'    //<--- Text binding
  }
}
<theme-preview primary="purple" accent="yellow"></theme-preview>