モーダルテキストをメインボタンコールバックから動的に変更しようとした角度Js

Question

ボタンからのコールバックに基づいてテキストが動的に変更される角度jsポップアップを実装しようとしています。

基本的にユーザーはボタンを押しますが、特定のエラー状態がチェックされます。エラーがある場合は、エラーコードのダイアログがポップアップします。 問題は、ポップアップのテキストが、変数を初期化したときのテキストのみを表示することです。ボタンのコールバックから変更しようとすると、テキストは変更されません。

多くのコードがあるので、重要な部分を投稿します。ここで

は私のポップアップ

<div ng-controller='datarec'> 

    <div class="modal-header"> 
    <h3 style="text-align:center">Rec Error</h3> 
    </div> 

    <div class="modal-body" > 

    <div >{{ recError }} </div> 

    </div> 

    <div class="modal-footer"> 
    <button class="btn btn-primary" type="button" ng-click="ok()">Ok</button> 

</div> 

はここでここポップアップ

testApp.controller('recordErrorCtrl', function ($scope, $uibModalInstance) { 

    $scope.ok = function() { 
    $uibModalInstance.close(true); 
    }; 

}); 

のための私のコントローラが私のメインアプリのJavaScriptファイル

testApp.controller('datarec', ['$scope', 


    function ($scope) { 



    $scope.recError = "No error yet"; // init to this,which works 


.... 

    $scope.sendRecMessage = function() { 
     $scope.recordingError = " Init 2"; // This I never see in pop up 
     // call my popup 
     popup (errorCtrler); 
    } 

です私error.htmlですだから基本的に私はそれが "イニシャル2"を表示することはありませんエラーをポップアップ、それはちょうど元のエラーではまだ滞在します

Answer 1

Angular UI Bootstrapを使用しているようですが、正しいスコープやパラメータを渡していない可能性があります。解決方法を使用して、パラメータをポップアップに送信してみてください。

var modalInstance = $uibModal.open({ 
     controller: 'recordErrorCtrl', 
     resolve: { 
     recError: function() { 
      return $scope.recError; 
     } 
     } 
    }); 

また、ng-controller = 'datarec'がhtmlにあります。適切なコントローラ（ 'recordErrorCtrl'）が考慮されるように、これを削除する必要があります。