内部框架重新加载时如何重新注入内容脚本

Question

我正在制作镀铬扩展程序，在我的大学工作委员会的工作列表旁边显示玻璃门评级。

首次加载页面时一切运行正常，但网站的搜索功能（如果您尝试搜索/过滤掉作业列表）会重新加载内部框架而不是整个页面。发生这种情况时，我的内容脚本似乎没有将自身重新注入到已加载的新元素中。

这是我发送到页面的内容脚本：

<tr ng-repeat="record in data | orderBy : sortBy : reverse">
    <td ng-repeat="col in metaData.columns">
        <div ng-switch on="col.type">
            <div ng-switch-when="index"> 
                {{record.$index + 1}}
            </div>
            <div ng-switch-when="name"> 
                {{record.name = [record.fname, record.mname, record.lname].join(' ') }}
            </div>
            <div ng-switch-when="date"> 
                {{record[col.dataKey] = toDate(record[col.dataKey]) | date : 'mediumDate'}}
            </div>
            <div ng-switch-when="inMobile"> 
                <a href="tel:{{record[col.dataKey]}}">{{record[col.dataKey]}}</a>
            </div>
            <div ng-switch-when="email"> 
                <a href="mailto:{{record[col.dataKey]}}">{{record[col.dataKey]}}</a>
            </div>
            <div ng-switch-when="gender"> 
                {{record[col.dataKey] == 'm' ? 'Male' : 'Female'}}
            </div>
            <div ng-switch-when="place"> 
                {{record[col.dataKey].name}}
            </div>
            <div ng-switch-default> 
                {{record[col.dataKey]}}
            </div>
        </div>
    </td>
</tr>

我希望上述内容有道理，有没有人有任何建议？