data-binding – Tarik Billa

Custom input and output on same name in Angular2 2 way binding

November 30, 2023 by Tarik

For this compact syntax to work the input and output need to follow specific naming rules [(mobile)]=”myParam” @Output(‘mobileChange’) emitter: EventEmitter<string> = new EventEmitter<string>(); @Input(‘mobile’) set setMobileValue(value) { this.msisdn_confirm = this.msisdn = value; } Renaming inputs and outputs by passing a string parameter to the decorator is discourages. Rather use @Output() mobileChange: EventEmitter<string> = new EventEmitter<string>(); … Read more

How to Two-way Data Binding Between Parents and grandchildren in Vue.js

September 22, 2023 by Tarik

There are several ways of doing it, and some are mentioned in other answers: Use props on components Use v-model attribute Use the sync modifier (for Vue 2.0) Use v-model arguments (for Vue 3.0) Use Pinia Here are some details to the methods that are available: 1.) Use props on components Props should ideally only … Read more

MVVM radiobuttons

August 9, 2023 by Tarik

Take a look here. I haven’t implemented the solution provided but it makes sense. The underlying framework control breaks you bindings when a click is performed. The solution is to override the method that does this and just rely on the bindings.

Binding a Grails date from params in a controller

July 22, 2023 by Tarik

Grails Version >= 2.3 A setting in Config.groovy defines the date formats which will be used application-wide when binding params to a Date grails.databinding.dateFormats = [ ‘MMddyyyy’, ‘yyyy-MM-dd HH:mm:ss.S’, “yyyy-MM-dd’T’hh:mm:ss’Z'” ] The formats specified in grails.databinding.dateFormats will be attempted in the order in which they are included in the List. You can override these application-wide … Read more

Get user input from textarea

April 3, 2023 by Tarik

<pre> <input type=”text” #titleInput> <button type=”submit” (click) = ‘addTodo(titleInput.value)’>Add</button> </pre> { addTodo(title:string) { console.log(title); } }

Knockout template using data-bind to image src property not working

February 23, 2023 by Tarik

Only a few attributes can be bound directly; try using attr – it will let you set any attribute on an element. <img width=”16px” height=”16px” data-bind=”attr:{src: imagePath}” />

What is Lazy Loading?

January 15, 2023 by Tarik

It’s called lazy loading because, like a lazy person, you are putting off doing something you don’t want to. The opposite is Eager Loading, where you load something right away, long before you need it. If you are curious why people might use lazy loading, consider an application that takes a LOOOOONG time to start. … Read more

Angular 2 two way binding using ngModel is not working

December 22, 2022 by Tarik

Angular has released its final version on 15th of September. Unlike Angular 1 you can use ngModel directive in Angular 2 for two way data binding, but you need write it in a bit different way like [(ngModel)] (Banana in a box syntax). Almost all angular2 core directives doesn’t support kebab-case now instead you should … Read more