I have a table with a view button, when view is clicked modal display but now I want to display certain data on the modal. I am using *.html* pages.

I am not sure what am I missing here

**html**

```
<td>
    <span>
        <input class="btn btn-sm btn-dark" data-ng-click="launch('create',client)" type="button" value="view" />
    </span>
</td>

```

This will luanch the modal

**Modal**

```
<div class="modal fade  in" ng-controller="dialogServiceTest">
<div class="modal ng-scope">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <span class="glyphicon glyphicon-star"></span> Client Details
                </h4>
            </div><div class="modal-body">
                <ng-form name="nameDialog" novalidate="" role="form" class="ng-pristine ng-invalid ng-invalid-required">
                    <div class="form-group input-group-lg" ng-class="{true: 'has-error'}[nameDialog.username.$dirty &amp;&amp; nameDialog.username.$invalid]">
                        <label class="control-label" for="username">Name:</label>
                        <input type="text" name="username" id="username" ng-model="client.ClientName" ng-keyup="hitEnter($event)" required="">
                        <span class="help-block">Enter your full name, first &amp; last.</span>
                    </div>
                    <div>{{client.ClientName}}</div>
                </ng-form>
            </div><div class="modal-footer">
                <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
                <button type="button" class="btn btn-primary" ng-click="save()" ng-disabled="(nameDialog.$dirty &amp;&amp; nameDialog.$invalid) || nameDialog.$pristine" disabled="disabled">Save</button>
            </div>
        </div>
    </div>
</div>

```

**Angular**

```
angular.module('modalTest', ['ngRoute','ui.bootstrap', 'dialogs'])
.controller('dialogServiceTest', function ($scope,$http, $rootScope, $timeout, $dialogs) {
    $scope.clients = []; //Array of client objetcs
    $scope.client = {}; //Single client object

    $scope.launch = function (which,client) {
        var dlg = null;

        alert(client.ClientName);
        dlg = $dialogs.create('/templates/Modal.html', 'whatsYourNameCtrl', {}, { key: false, back: 'static' });
        dlg.result.then(function () {
                $scope.client.ClientName = client.ClientName;
     });
})
.run(['$templateCache', function ($templateCache) {
    $templateCache.put('/templates/Modal.html');
 }]);

```