কৌণিক 2 এ ক্লিক ইভেন্টে একটি ফাংশন কল করুন

Question 1

কোন উপাদান (টাইপস্ক্রিপ্ট) এর ভিতরে কোনও ক্রিয়াকলাপ কীভাবে ঘোষণা করবেন এবং এঙ্গুলার 2 এ ক্লিক ইভেন্টে কল করবেন? কৌনিক 1 তে একই কার্যকারিতার জন্য কোডটি নীচে দেওয়া হয়েছে যার জন্য আমার কৌনিক 2 কোডের প্রয়োজন:

<button ng-click="myFunc()"></button>

// নিয়ামক

app.controller('myCtrl', ['$scope', function($cope) {
    $scope.myFunc= {
        console.log("function called");
    };
}]);

Question 2

উপাদান কোড:

import { Component } from "@angular/core";

@Component({
  templateUrl:"home.html"
})
export class HomePage {

  public items: Array<string>;

  constructor() {
    this.items = ["item1", "item2", "item3"]
  }

  public open(event, item) {
    alert('Open ' + item);
  }

}

দেখুন:

<ion-header>
  <ion-navbar primary>
    <ion-title>
      <span>My App</span>
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let item of items" (click)="open($event, item)">
      {{ item }}
    </ion-item>
  </ion-list>
</ion-content>

আপনি কোডটিতে দেখতে পাচ্ছেন, আমি ক্লিক হ্যান্ডলারটিকে এই জাতীয় হিসাবে ঘোষণা করছি (click)="open($event, item)"এবং ইভেন্ট এবং আইটেম (উভয়টিতে ঘোষিত *ngFor) উভয়ই পদ্ধতিতে পাঠিয়ে দিচ্ছি open()(উপাদান কোডে ঘোষিত)।

যদি আপনি কেবল আইটেমটি দেখাতে চান এবং ইভেন্ট থেকে আপনার কোনও তথ্য নেওয়া প্রয়োজন না হয়, আপনি কেবল পদ্ধতিটি (click)="open(item)"এইভাবে করতে এবং সংশোধন করতে openপারেনpublic open(item) { ... }

Question 3

কৌণিক 2 + তে হস্তান্তর স্থানান্তর নীচের মত:

<button (click)="myFunc()"></button>

আপনার উপাদান ফাইলে:

import { Component, OnInit } from "@angular/core";

@Component({
  templateUrl:"button.html" //this is the component which has the above button html
})

export class App implements OnInit{
  constructor(){}

  ngOnInit(){

  }

  myFunc(){
    console.log("function called");
  }
}

Question 4

https://angular.io/guide/user-input - এর একটি সহজ উদাহরণ রয়েছে।

Question 5

আপনার নিয়ামক কোডের লাইনটি যা পড়তে $scope.myFunc={হবে $scope.myFunc = function() {সেই function()অংশটি চিহ্নিত করা গুরুত্বপূর্ণ, এটি একটি ফাংশন!

আপডেট হওয়া কন্ট্রোলার কোডটি হবে

app.controller('myCtrl',['$scope',function($cope){
    $scope.myFunc = function() {
    console.log("function called");
  };
}]);

Question 6

এটি আমার পক্ষে কাজ করেছে: :)

<button (click)="updatePendingApprovals(''+pendingApproval.personId, ''+pendingApproval.personId)">Approve</button>

updatePendingApprovals(planId: string, participantId: string) : void {
  alert('PlanId:' + planId + '    ParticipantId:' + participantId);
}