Question

我们从Angular 4升级到了Angular 8.1，我们的很多下拉菜单都被打破了。据我所知，它们都包含这两个样式类：js-dropdown和js-dropdown-menu类。我们找不到这些样式类的来源或工作方式。很难在Google上搜索这些术语，因为我知道没有办法必须包含连字符。这是html的示例：


def grouping_for_graphs(df,x_col, y_col,category,func):
    '''
    funtion to group dataframe given a variable and 
    aggregation function

    '''
    X = df[x_col].name
    y = df[y_col].name
    category = df[category].name

    df_grouped = df.groupby([X, category])[y].apply(func)
    return df_grouped.reset_index()


# create a list of categorical variables to plot
cat_list = []
col_list = list(df.select_dtypes(include = ['object']).columns)

for col in col_list:
    if len(df[col].unique()) < 7:
        cat_list.append(col)


# create plots and axes
fig, axs = plt.subplots(2, 2, figsize=(30,24))
axs = axs.flatten()
# pick plot function
plot_func = plt.plot

# plot this
for ax, category in zip(axs, cat_list):
    df_grouped = grouping_for_graphs(df,x_col, y_col,category,agg_func)
    x_col = df_grouped.columns[0]
    y_col = df_grouped.columns[-1]
    category = str(list(df_grouped.columns.drop([x_lab, y_lab]))[0])
    for feature in list(df_grouped[category].unique()):
        X = df_grouped[df_grouped[category] == feature][x_col]
        y = df_grouped[df_grouped[category] == feature][y_col]
        ax.plot = plot_func(X,y)
        ax.set_xlabel(x_col)
        ax.set_ylabel(y_col)
        ax.set_title(feature)

是否有人对js-dropdown和js-dropdown-menu类有任何见识，以及在升级后如何修复它们？

更新：所以我认为我发现了js-dropdown样式类的来源...。它不是来自任何样式...它只是用作标签，component.js在寻找该标签显示或隐藏它。现在是没有调用component.js函数。有人知道如何解决这个问题吗？

     <div class="select-wrapper" id="searchOption">
        <li class="dropdown nav__item is-parent" tabindex="0" style="outline: 0" (blur)="closeDropdown($event)">
            <div class="select-dropdown js-dropdown">
                <span class="selection">{{ searchType }}</span>
                <i class="nav__icon nav__icon--dropdown"></i>
            </div>
            <ul class="details-search nav__menu js-dropdown-menu">
                <li (click)="optionSelected($event, 1)">
                    <a class="nav__link">Option 1</a>
                </li>
                <li (click)="optionSelected($event, 2)">
                    <a class="nav__link">Option 2</a>
                </li>
                <li (click)="optionSelected($event, 3)">
                    <a class="nav__link">Option 3</a>
                </li>
            </ul>
        </li>
    </div>

Answer 1

弄清楚了。我们没有在angular.json文件中加载components.js文件（以及其他脚本）。我们以前的angular版本没有包含angular.json文件。

角度升级后，class =“ js-dropdown”和class =“ js-dropdown-menu”损坏

1 个答案: