<p>In the <a target="_blank" href="https://creativebracket.com/angulardart-tutorial-lets-build-a-bookmark-manager-3/">previous video</a>, we refactored our form functionality into a separate component, using the special annotations to bind custom attributes and define custom events.</p>
<p>In this part you will learn how to implement validation for the form, utilising the <strong>NgForm</strong> directive and its <strong>NgControl</strong> counterpart. We will continue to use the Bootstrap UI library to build our user interface.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://youtu.be/RtaHYIPKdig">https://youtu.be/RtaHYIPKdig</a></div>
<p> </p>
<p><a target="_blank" href="https://youtu.be/RtaHYIPKdig">Watch on YouTube</a></p>
<p><a target="_blank" href="https://github.com/graphicbeacon/angulardart-bookmark-manager/tree/part-4">Get the source code</a></p>
<h2 id="heading-further-reading"><strong>Further reading</strong></h2>
<ol>
<li><p><a target="_blank" href="https://webdev.dartlang.org/angular/guide"><strong>AngularDart Guide</strong></a></p>
</li>
<li><p><a target="_blank" href="http://localhost:8080/generate-the-scaffolding-for-your-next-project/">Auto-Generate the scaffolding for your next project</a></p>
</li>
<li><p><a target="_blank" href="https://egghead.io/courses/get-started-wtih-dart"><strong>Get started with Dart</strong> <a href="http://Egghead.io" class="autolinkedURL autolinkedURL-url" target="_blank">Egghead.io</a> course</a></p>
</li>
</ol>


In the [previous video](https://creativebracket.com/angulardart-tutorial-lets-build-a-bookmark-manager-3/), we refactored our form functionality into a separate component, using the special annotations to bind custom attributes and define custom events.

In this part you will learn how to implement validation for the form, utilising the **NgForm** directive and its **NgControl** counterpart. We will continue to use the Bootstrap UI library to build our user interface.

%[https://youtu.be/RtaHYIPKdig] 

[Watch on YouTube](https://youtu.be/RtaHYIPKdig)

[Get the source code](https://github.com/graphicbeacon/angulardart-bookmark-manager/tree/part-4)

## **Further reading**

1. [**AngularDart Guide**](https://webdev.dartlang.org/angular/guide)
    
2. [Auto-Generate the scaffolding for your next project](http://localhost:8080/generate-the-scaffolding-for-your-next-project/)
    
3. [**Get started with Dart** Egghead.io course](https://egghead.io/courses/get-started-wtih-dart)

In the previous tutorial we refactored our form functionality into a separate component. We will learn how to implement validation for the form.

AngularDart Tutorial #4: Forms and Validation

Creative Bracket is the go-to Dart resource blog on the Dart language and tools with easy to understand Dart tutorials and videos for your next project.
