# Data bind radio button lists with Angular

DevFeed: [Data bind radio button lists with Angular](<https://devfeed.tech/articles/data-bind-radio-button-lists-with-angular-21302.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2016/11/ng2-binding-radiobutton-lists/>)

Published: 2016-11-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Code](<https://devfeed.tech/topics/code.md>), [HTML](<https://devfeed.tech/topics/html.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [code](<https://devfeed.tech/tags/code.md>), [flow](<https://devfeed.tech/tags/flow.md>), [function](<https://devfeed.tech/tags/function.md>), [html](<https://devfeed.tech/tags/html.md>)

## AI overview

This tutorial explains how to bind a list of radio buttons to data in Angular. It covers iterating through rows, preselecting the first option, binding model values to the template, handling the native change event, and storing the selected entry in the component.

## Source excerpt

Lorem ipsum dolor sit amet