Angular 101 - 1

by Joe Saad

HTML

<div ng-app>
    
<select name="articleSD" ng-model="articleSD">
    <option value="">Select</option>
    <option value="content1">Content 1</option>
    <option value="content2">Content 2</option>   
</select>

<article ng-show="articleSD =='content1'">
    <h2>Article 1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet labore necessitatibus quae harum ipsum quis aut laborum deleniti est reiciendis deserunt voluptate. Quasi ratione voluptas totam harum tempora corporis ipsam?</p>
</article>

<article ng-show="articleSD =='content2'">
    <h2>Article 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non molestias omnis laboriosam quod suscipit a voluptas numquam tenetur. Deleniti asperiores ducimus earum explicabo vero quia accusantium ipsum ad est voluptas?</p>
</article>
 
<form action="" ng-show="articleSD">    
<input type="checkbox" name="" id="agr" ng-model="agreement">
<label for="agr">I agree to the terms</label>

<button type="button" ng-show="agreement==true">Submit</button>
</form>
</div>