相关疑难解决方法(0)

我想在列表中单击添加活动类,我尝试了以下代码,但它在我的所有项目上添加了活动类:/:

HTML:

<div class="filters_ct" ng-controller="selectFilter">
    <ul>
        <li ng-repeat="filters in filter"  ng-click="select(item)" ng-class="{sel: item == selected}">
            <span class="filters_ct_status"></span>
            {{filters.time}}
        </li>
    </ul>
</div>

Js:

  var filters = [
            {
                'filterId': 1,
                'time': 'last 24 hours',
            },
            {
                'filterId': 2,
                'time': 'all',
            },
            {
                'filterId': 3,
                'time': 'last hour',
            },
            {
                'filterId': 4,
                'time': 'today',
            },
            {
                'filterId': 5,
                'time': 'yersteday',
            }
        ]; 


function selectFilter($scope) {

    $scope.items = ['filters'];
    $scope.selected = $scope.items[0];

    $scope.select= function(item) {
       $scope.selected = item; 
    };

}

拜托,给我一些帮助.

谢谢

我正在尝试遵循一个示例，该示例显示如何在单击活动类时将其绑定到组件。当我根据下面的标记执行代码时

<div *ngFor="let menu of menus;"
     [id]="menu.id"
     (click)="onClick($event,menu.link)"
     [ngClass]="'active':menu.active"
     class="navigator">
  {{menu.title}}
</div>

我收到以下错误。注意：该组件中有onClick（...）方法，此刻我注释了其所有内容。该错误似乎纯粹与标记有关（除非我需要在组件中声明一些额外的内容，例如数组等）。至少到目前为止，我在谷歌搜索该问题时已经看到了示例。

未捕获的错误：模板解析错误：
解析器错误：ng：///AppModule/NavigatorComponent.html@11：9（“
[id] =” 中的['active'：menu.active]中的第9列menu.id“
（click）=” onClick（$ event，menu.link）“
[错误->] [ngClass] =”'active'：menu.active“
class =” navigator“>
{{menu.title}}
”）：ng：///AppModule/NavigatorComponent.html@11：9

我想念什么？