ng-model binding is not working with ng-template
<p>I'm trying to make two ways data binding for ng-template and show this as Angular Material dialog, but unfortunately I can't get data binded.
Here is how I'm getting data:</p>

<pre><code> $scope.editFormProperties = function (element, ev) {
                formEditViewService.getFormProperties($scope.formId).then(function (data) {
                    $scope.form_properties.Form_Title = data[0].Form_Title;
                    $scope.form_properties.Instructions = data[0].Instructions;
                    $scope.form_properties.Get_Contact_Info = data[0].Get_Contact_Info;
                    $scope.form_properties.Get_Address_Info = data[0].Get_Address_Info;
                    $scope.form_properties.End_Date = data[0].End_Date;
                    $scope.form_properties.Complete_Message = data[0].Complete_Message;
                });
                $mdDialog.show({
                    controller: DialogController,
                    templateUrl: 'dialog2.tmpl.html',
                    parent: angular.element(document.body),
                    targetEvent: ev,
                    clickOutsideToClose: true,
                    fullscreen: false
                })
                .then(function (answer) {
                    if (answer === "proceed") {
                        element.IsDeleted = true;
                        return $scope.elements;
                    } else {
                        $mdDialog.cancel();
                    }
                }, function () {
                    $mdDialog.cancel();
                });

            };
</code></pre>

<p>And that's template markup:</p>

<pre><code>&lt;script type="text/ng-template" id="dialog2.tmpl.html"&gt;
    &lt;hide-gt-sm ng-cloak&gt;
        &lt;form&gt;
            &lt;md-toolbar class="md-toolbar-tools md-warn"&gt;
                &lt;p&gt;EDIT: Form Properties&lt;/p&gt;
                &lt;span flex&gt;&lt;/span&gt;
                &lt;md-button class="md-icon-button" ng-click="cancel()"&gt;
                    &lt;i class="material-icons"&gt;close&lt;/i&gt;
                &lt;/md-button&gt;
            &lt;/md-toolbar&gt;
            &lt;md-dialog-content layout="column" layout-align="center center" ng-cloak flex="percentage" layout-margin layout-fill&gt;
                &lt;div class="md-dialog-content" style="width: 500px; overflow-y: hidden;"&gt;
                    &lt;md-input-container class='md-block condensed'&gt;
                        &lt;lable&gt;Form Title&lt;/lable&gt;
                        &lt;input ng-model="Form_Title" /&gt;
                    &lt;/md-input-container&gt;
                    &lt;md-input-container class='md-block condensed'&gt;
                        &lt;lable class="md-subhead"&gt;Instructions&lt;/lable&gt;
                        &lt;md-toolbar layout="row" id="trix-toolbar" layout-align="center center"&gt;
                            &lt;md-button class="md-icon-button ng-scope" ng-class="{'focused' : appliedFormat == 'bold'}" ng-click="applyFormat('bold')" id="bold"&gt;
                                &lt;i class="material-icons"&gt;format_bold&lt;/i&gt;
                            &lt;/md-button&gt;
                            &lt;md-button class="md-icon-button ng-scope" ng-class="{'focused' : appliedFormat == 'italic'}" ng-click="applyFormat('italic')" id="italic"&gt;
                                &lt;i class="material-icons"&gt;format_italic&lt;/i&gt;
                            &lt;/md-button&gt;
                            &lt;md-button class="md-icon-button ng-scope" ng-class="{'focused' : appliedFormat == 'strike'}" ng-click="applyFormat('strike')" id="underline"&gt;
                                &lt;i class="material-icons"&gt;format_underline&lt;/i&gt;
                            &lt;/md-button&gt;
                        &lt;/md-toolbar&gt;
                        &lt;trix-editor id="trix-editor-mini" toolbar="trix-toolbar" rows="2" angular-trix md-select-on-focus ng-model="form_properties.Instructions" trix-change="onChangeAlternateLable(currentElementIndex, Instructions)" trix-selection-change="fireButtons()"&gt;&lt;/trix-editor&gt;
                    &lt;/md-input-container&gt;
                    &lt;div layout="row"&gt;
                        &lt;div layout="row" flex layout-align="center center"&gt;
                            &lt;label flex class="md-body-1"&gt;Get Contact Info:&lt;/label&gt;
                            &lt;md-switch ng-model="form_properties.Get_Contact_Info" class="md-warn" flex&gt;
                            &lt;/md-switch&gt;
                        &lt;/div&gt;
                        &lt;div layout="row" flex layout-align="center center"&gt;
                            &lt;label flex class="md-body-1"&gt;Get Address Info:&lt;/label&gt;
                            &lt;md-switch flex ng-model="form_properties.Get_Address_Info" class="md-warn"&gt;
                            &lt;/md-switch&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div layout="row" layout-align="start center"&gt;
                        &lt;lable class="md-body-1"&gt;End Date:&lt;/lable&gt;
                        &lt;md-datepicker ng-model="form_properties.End_Date" md-placeholder="End Date"&gt;&lt;/md-datepicker&gt;
                    &lt;/div&gt;
                    &lt;md-input-container class='md-block condensed'&gt;
                        &lt;lable class="md-subhead"&gt;Complete Message&lt;/lable&gt;
                        &lt;md-toolbar layout="row" id="trix-toolbar" layout-align="center center"&gt;
                            &lt;md-button class="md-icon-button ng-scope" ng-class="{'focused' : appliedFormat == 'bold'}" ng-click="applyFormat('bold')" id="bold"&gt;
                                &lt;i class="material-icons"&gt;format_bold&lt;/i&gt;
                            &lt;/md-button&gt;
                            &lt;md-button class="md-icon-button ng-scope" ng-class="{'focused' : appliedFormat == 'italic'}" ng-click="applyFormat('italic')" id="italic"&gt;
                                &lt;i class="material-icons"&gt;format_italic&lt;/i&gt;
                            &lt;/md-button&gt;
                            &lt;md-button class="md-icon-button ng-scope" ng-class="{'focused' : appliedFormat == 'strike'}" ng-click="applyFormat('strike')" id="underline"&gt;
                                &lt;i class="material-icons"&gt;format_underline&lt;/i&gt;
                            &lt;/md-button&gt;
                        &lt;/md-toolbar&gt;
                        &lt;trix-editor id="trix-editor-mini" toolbar="trix-toolbar" rows="2" angular-trix md-select-on-focus ng-model="form_properties.Complete_Message" trix-change="onChangeAlternateLable(currentElementIndex, Complete_Message)" trix-selection-change="fireButtons()"&gt;&lt;/trix-editor&gt;
                    &lt;/md-input-container&gt;
                    &lt;label class="md-body-2"&gt;This is an HTML field to be shown after a custom form is submitted to the end user.&lt;/label&gt;
                &lt;/div&gt;
            &lt;/md-dialog-content&gt;
            &lt;md-dialog-actions layout="row" layout-align="start center"&gt;
                &lt;md-button ng-click="answer('save')" class="save-button"&gt;
                    save properties
                &lt;/md-button&gt;
                &lt;md-button ng-click="answer('cancel')" class="cancel-button"&gt;
                    cancel changes
                &lt;/md-button&gt;
            &lt;/md-dialog-actions&gt;
        &lt;/form&gt;
&lt;/script&gt;
</code></pre>

<p>I can see that <code>$scope</code> getting proper data, but it's not appear. Any ideas?</p>