Angular 2 ngClass在检查条件时不计算我的表达式

admin

我在Angular 2中有一个表达式，叫做selectedState。表达式的计算结果为const内部的五个属性之一。根据所单击的内容，它会更改类名。

                    <button
                        class="button button--secondary"
                        [ngClass]="selectedState">
                        <div class="u-maxX u-centerX">
                            <span>Button</span>
                            </div>
                        </div>
                    </button>

"selectedState“将返回被单击的任何项；默认、悬停、活动、禁用和正在加载。

例如，如果我单击is悬停，它将返回

                    `<button
                        class="button button--secondary is-hovering">
                        <div class="u-maxX u-centerX">
                            <span>Button</span>
                            </div>
                        </div>
                    </button>`

现在，当我像这样改变语法时。

                    <button
                        class="button button--primary"
                        [ngClass]="{selectedState: type === 'primary'}">
                        <div class="u-maxX u-centerX">
                            <span>Button</span>

                        </div>
                    </button>

现在"selectedState“的计算结果是字符串"selectedState”，而不是像以前那样是动态变化的。如何在检查类型=== 'primary‘时保持动态行为？我需要检查类型，因为页面上有几种类型。我需要每种类型只影响一个按钮，否则它将影响页面上的所有按钮。

转载请注明出处:http://www.cjhyc.com/article/20230518/1503281.html