আমি Angular2 এ মোটামুটি নতুন এবং আমার কিছুটা সমস্যা আছে:
আমার লগইন-কম্পোনেন্ট-এইচটিএমএলে, আমার কাছে দুটি চেকবক্স রয়েছে, যা আমি লগইন-উপাদান-টাইপস্ক্রিপ্টে দ্বি-উপাত্তে ডেটা-বাইন্ডিং বাঁধতে চাই।
এটি এইচটিএমএল:
<div class="checkbox">
<label>
<input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username
</label>
</div>
এবং এটি হল কম্পোনেন্ট.টিস:
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 if you want to save
if (window.localStorage.getItem("username") === null) {
this.saveUsername = true;
this.autoLogin = true;
console.log(this.saveUsername, this.autoLogin);
} else {
console.log("init", window.localStorage.getItem("username"));
}
}
login(username: string, password: string, saveUsername: boolean, autoLogin: boolean) {
this.variables.setUsername(username);
this.variables.setPassword(password);
this.variables.setIsLoggedIn(true);
console.log(saveUsername, autoLogin);
//this.router.navigate(['dashboard']);
}
আমি যদি একটি চেকবক্স ক্লিক করি তবে আমি নিয়ামক (উপাদান) এর সঠিক মান পাই।
তবে আমি যদি saveUsername
উপাদানটির উদাহরণস্বরূপ মানটি পরিবর্তন করি তবে চেকবক্সটি নতুন মানটি "পেল না"।
সুতরাং আমি কম্পোনেন্টটি থেকে চেকবক্সটি পরিচালনা করতে পারি না (যেমন আমি ngOnInit
উপাদানটিতে করতে চাই।
আপনার সাহায্যের জন্য ধন্যবাদ!