JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
     <h2>Please review the terms below</h2>

    <div ng-controller="MainCtrl as main">
        <p ng-bind-html="main.data[0].terms | nl2br"></p>
        <input type="checkbox" ng-model="main.data[0].agreed">I agree to the Terms of the Agreement Above.
            <input type="submit" ng-click="main.agree()" ng-disabled="!main.data[0].agreed" value="Continue &raquo;" />
    </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script> <style>

JavaScript

angular.module('myApp', [])
    .filter('nl2br', ['$sce', function ($sce) {
        return function (text) {
            return text ? $sce.trustAsHtml(text.replace(/\n/g, '<br/>')) : '';
        };
    }])

    .controller( 'MainCtrl', ['$scope', function($scope) {
        var main = this;
        main.data = [{
        terms: 'You agree to be bound be the terms of this site. \n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus lectus ac nunc malesuada, fringilla feugiat nibh rhoncus. Vestibulum adipiscing mi in est consectetur, vitae facilisis nulla tristique. Nam eu ante egestas, ultricies tellus eu, suscipit neque.\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula non tellus semper iaculis eget vestibulum metus. Nunc aliquam eros sit amet sapien posuere, ac hendrerit risus ultricies. Vivamus nec enim sed eros placerat pulvinar a quis dui.',
        agreed: false
    }];
    
    console.log(main.data);
    main.agree = function() {
        alert('Success');
    };
}]);