javascript - Angular 2 : generating checkboxes issue

标签 javascript angular

我有以下模板:

<div *ngFor="#weekday of weekdays" class="checkbox">
    <label>
        <input
            #{{weekday}}
            (change)="selectWeekday('{{weekday}}', {{weekday}}.checked)"
            type="checkbox"> {{weekday}}
    </label>
</div>

由该组件支持:

@Component({
    selector: "schedule",
    templateUrl: "app/schedule.html",
})
export class ScheduleComponent {
    public weekdays: string[] = [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ];

    public selectWeekday(weekday: string, checked: boolean {
        // ...
    }
}

我收到以下错误:

Got interpolation ({{}}) where expression was expected at column 15 in [selectWeekday('{{weekday}}', {{weekday}}.checked)]

我做错了什么?

最佳答案

尝试这种方法:

<div *ngFor="#weekday of weekdays" class="checkbox">
<label>
    <input
        (change)="selectWeekday(weekday, $event.target.checked)"
        type="checkbox"> {{weekday}}
</label>
</div>

关于javascript - Angular 2 : generating checkboxes issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36618076/

相关文章:

javascript - .js 文件作为 javascript 源,但在后端充当 php

javascript - 当我单击按钮时,我想随机旋转 "div"

javascript - 如何使用 jQuery 从字符串中获取 HTML 元素

angular - 如何在 Angular 2 中集成 Razorpay?

angular - ctorParameters.map 不是 angular2-mdl 中的函数

angular - 无法从模块 'it was neither declared nor imported' 导出服务

javascript - HTML/Javascript 在页面加载时获取变量

javascript - 如何调用分配给带有参数的变量的函数

angular - 在 IIS 上托管 Angular 应用程序 - 重定向到 root 并强制使用 HTTPS

javascript - 我不知道我错过了什么,代码 100% 工作,除了一个选项