Angular 如何禁用md扩展面板

Angular 如何禁用md扩展面板,angular,angular-material2,Angular,Angular Material2,使用角度材质,我尝试禁用手风琴中的某些扩展面板: md扩展面板()的角度材质文档说明: 禁用面板 可以使用“已禁用”属性禁用扩展面板。用户无法切换已禁用的扩展面板,但仍可使用编程方式对其进行操作。 等 但当我将[disabled]=“isDisabled”(或“true”或“false”或任何内容)输入时,我得到以下错误: 未捕获错误:模板分析错误: 无法绑定到“disabled”,因为它不是“md扩展面板”的已知属性 以下是我的实际template.html代码: <md-card&

使用角度材质,我尝试禁用手风琴中的某些扩展面板:

md扩展面板()的角度材质文档说明:

禁用面板
可以使用“已禁用”属性禁用扩展面板。用户无法切换已禁用的扩展面板,但仍可使用编程方式对其进行操作。
等
但当我将[disabled]=“isDisabled”(或“true”或“false”或任何内容)输入时,我得到以下错误:

未捕获错误:模板分析错误: 无法绑定到“disabled”,因为它不是“md扩展面板”的已知属性

以下是我的实际template.html代码:

 <md-card>
     <md-card-header><h2 md-header>Attempt to Disable Individual Expansion Panel</h2></md-card-header>
            <md-card-content>
                <md-accordion>
                    <md-expansion-panel [disabled]="isDisabled">
                        <md-expansion-panel-header>
                            <md-panel-title>
                                Here is the title of a panel
                            </md-panel-title>
                        </md-expansion-panel-header>
                        <md-panel-description>
                            Blah blah some descriptive text
                        </md-panel-description>
                        <p>
                            Here's some content just to fill out all the available blanks.
                        </p>
                    </md-expansion-panel>
                </md-accordion>
            </md-card-content>
        </md-card>

尝试禁用单个扩展面板
这是一个小组的标题
胡说八道一些描述性的文字

这里有一些内容只是为了填补所有可用的空白。


任何想法都将不胜感激!!谢谢

事实上,只要您使用的是Angular的最新版本,它就可以正常工作

对于可能需要帮助的其他人,以下是我检查和升级的方式:

  • 首先,在命令行中,键入“ng-v”以查看您的版本 拥有(只是为了获取信息,并非绝对必要)
  • 然后,“npm安装-g npm检查更新”(安装工具,该工具将检查您的整个依赖项列表中的可用更新
  • 从角度项目的根:“npm检查更新-u”
  • 从那里,您可以按照提示进行操作

  • 有关更多信息,请参见此问题:

    事实证明,只要您使用的是Angular的最新版本,此功能就可以正常工作

    对于可能需要帮助的其他人,以下是我检查和升级的方式:

  • 首先,在命令行中,键入“ng-v”以查看您的版本 拥有(只是为了获取信息,并非绝对必要)
  • 然后,“npm安装-g npm检查更新”(安装工具,该工具将检查您的整个依赖项列表中的可用更新
  • 从角度项目的根:“npm检查更新-u”
  • 从那里,您可以按照提示进行操作

  • 有关更多信息,请参见此问题:

    在这里,它工作正常。请确保安装了最新版本的Angle Material。如果不添加
    [禁用]
    ,它工作正常吗?Faisal,是的,没有[禁用]它工作正常。将尝试升级,看看会发生什么,谢谢菲利普·基夫,这真是个好主意!我甚至没有想过升级,因为我认为这是最近才建立的项目,但显然它比我意识到的要老!
    [disabled]='true'
    在这方面效果很好。请确保您安装了最新版本的Angle Material。如果您不添加
    [禁用]
    ,它是否有效?Faisal,是的,它在没有[禁用]的情况下效果很好。我将尝试升级,看看会发生什么,谢谢菲利普·基夫,这真是个好主意!我甚至没有想过升级,因为我以为我最近才建立了这个项目,但显然它比我意识到的要老!
    [disabled]=“true”
    效果很好
     <md-card>
         <md-card-header><h2 md-header>Attempt to Disable Individual Expansion Panel</h2></md-card-header>
                <md-card-content>
                    <md-accordion>
                        <md-expansion-panel [disabled]="isDisabled">
                            <md-expansion-panel-header>
                                <md-panel-title>
                                    Here is the title of a panel
                                </md-panel-title>
                            </md-expansion-panel-header>
                            <md-panel-description>
                                Blah blah some descriptive text
                            </md-panel-description>
                            <p>
                                Here's some content just to fill out all the available blanks.
                            </p>
                        </md-expansion-panel>
                    </md-accordion>
                </md-card-content>
            </md-card>