相关疑难解决方法(0)

Angular 2复选框双向数据绑定

我是Angular2的新手,我有一点问题:

在我的Login-Component-HTML中,我有两个复选框,我希望以双向数据绑定方式绑定到Login-Component-TypeScript.

这是HTML:

<div class="checkbox">
<label>
    <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username
</label>
</div>
Run Code Online (Sandbox Code Playgroud)

这是Component.ts:

import { Component, OnInit }    from '@angular/core';
import { Router }               from '@angular/router';
import { Variables }            from '../../services/variables';

@Component({
    selector: 'login',
    moduleId: module.id,
    templateUrl: 'login.component.html',
    styleUrls: ['login.component.css']
})


export class LoginComponent implements OnInit {

    private saveUsername: boolean = true;
    private autoLogin: boolean = true;
    constructor(private router: Router, private variables: Variables) { }

    ngOnInit() { 
        this.loginValid = false;
        // Get user name from local storage …
Run Code Online (Sandbox Code Playgroud)

html data-binding checkbox typescript angular

163
推荐指数
7
解决办法
30万
查看次数

Bootstrap4单选按钮背景和填充颜色

我想知道如何更改Bootstraps单选按钮背景颜色和填充颜色?

<div class="form-check">
  <input class="form-check-input" type="radio" name="radio" id="radio1" value="option1">
  <label class="form-check-label" for="radio1"> radio label
  </label>
</div>
Run Code Online (Sandbox Code Playgroud)

bootstrap-4

10
推荐指数
2
解决办法
2万
查看次数

标签 统计

angular ×1

bootstrap-4 ×1

checkbox ×1

data-binding ×1

html ×1

typescript ×1