Edit in JSFiddle

var app = angular.module('app', []);

app.controller('appController', function ($scope) {
    $scope.genres = ['comedy', 'action'];
});

<section ng-app="app">
    <div ng-controller="appController" class="well">
        <form class="form-horizontal" name="appFormName" novalidate>
            <div class="form-group">
                <label class="col-sm-2 control-label">{{ user.name || 'Please enter name' }}</label>
                <div class="col-sm-10">
                    <input type="text" ng-model="user.name" name="userName" class="form-control" required />
                </div>
            </div>
        </form>
        <div>form = {{user | json}}</div>
        <div ng-class="{empty: !counter}" ng-bind="counter || '?'" <strong>{{user.name}}</strong>></div>
        <div class="empty" ng-show="!user.name">N/A</div>
        <div ng-cloak>
            <input type="checkbox" ng-model="terms.agree" />
            <input type="submit" value="submit" ng-disabled="!terms.agree" />
        </div>
    </div>
    <div class="gallery-date">{{(gallery.date | date:'mediumDate') || "Various"}}</div>
    <div>{{ genres.join(', ') }}</div>
</section>