アングルストラップモーダルスコープ

Question

私はアングルストラップで、特にモーダルで作業しています。コーディング中にthisスタイルを使用しています。モーダルの

function parentController($scope, $routeParams, $location, $modal) { 
    var vm = this; 
    vm.message = ''; 
... 

HTML部分：それは私のコントローラの一部である

<div class="modal" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header" ng-show="title"> 
       <button type="button" role="button" class="close" aria-label="Close" ng-click="$hide()"><span aria-hidden="true">&times;</span></button> 
       <h1 class="modal-title" ng-bind="title"></h1> 
      </div> 
      <div class="modal-body" ng-bind-html="content"> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-success pull-left" ng-click="$hide();parentController.f1();" aria-label="Close">yes</button> 
       <button type="button" class="btn btn-danger pull-left" ng-click="$hide();parentController.f2();" aria-label="Close">no</button> 
      </div> 
     </div> 
    </div> 
</div> 

そして、それは、コントローラの私のモーダル定義です：私はアクセスに行きます、今

var modalObject = { 
       scope: $scope, 
       templateUrl: 'path/to/modal.html', 
       title: 'desc', 
       content: '<p>enter description here</p> <textarea ng-model="parentController.message" class="form-control" rows="10"></textarea>', 
       show: false 
      }; 

$modal(modalObject); 

parentControllerのメッセージ値に設定します。 f2関数の中にを記録すると、そのまま空になります。それにアクセスするソリューションは何ですか？

Answer 1

最後に、コントローラからコンテンツを削除し、手動でhtmlコードに追加することで問題を解決しました。

var modalObject = { 
       scope: $scope, 
       templateUrl: 'path/to/modal.html', 
       title: 'desc', 
       show: false 
      }; 

$modal(modalObject); 

モーダルのhtmlコード：だから

<div class="modal" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header" ng-show="title"> 
       <button type="button" role="button" class="close" aria-label="Close" ng-click="$hide()"><span aria-hidden="true">&times;</span></button> 
       <h1 class="modal-title" ng-bind="title"></h1> 
      </div> 
      <div class="modal-body"> 
       <p>enter description here</p> 
       <textarea ng-model="parentController.message" class="form-control" rows="10"></textarea> 
     </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-success pull-left" ng-click="$hide();parentController.f1();" aria-label="Close">yes</button> 
       <button type="button" class="btn btn-danger pull-left" ng-click="$hide();parentController.f2();" aria-label="Close">no</button> 
      </div> 
     </div> 
    </div> 
</div> 

、私は私のモデルでテキストエリアの値を持つ