2017-08-31 5 views
0

私はアンダーラインと角度ダイアログを表示しようとしています。カスタムアラートダイアログを表示するための非常に簡単なコードを作成しました。ダイアログに文字列メッセージを渡そうとしています。ダイアログにはOKボタンがあり、これを閉じます。ngdialogのアクションボタンをクリックしてコントローラ機能を起動しません

メッセージデータが正しく渡されています。しかし何らかの理由で、OKボタンはダイアログコントローラの機能を起動していません。警告ダイアログ用のテンプレート

<md-dialog> 
    <md-dialog-content> 
     {{message}} 
    </md-dialog-content> 

    <md-dialog-actions> 
     <md-button ng-click="alertFunc"> 
      OK 
     </md-button> 
    </md-dialog-actions> 
</md-dialog> 

AlertCtrl.jsが含まれています - - アラートダイアログのコントローラー

app.controller('AlertCtrl', function ($scope, $mdDialog, message) { 
    $scope.message = message 

    $scope.alertFunc = function() { 
     console.log("Closing Alert Dialog") 
     $mdDialog.hide() 
    } 
}) 

DialogServiceが含まれています。ここ

は私のコード

Alert.htmlです.js - アラートダイヤルを起動するAPIが含まれていますog

app.service('DialogService', function($mdDialog) { 

    // Launch Alert Dialog 
    this.alert = function (message) { 

     // Show Dialog 
     $mdDialog.show({ templateUrl: 'Alert.html', 
          controller: 'AlertCtrl', 
          clickOutsideToClose: true, 
          locals: { message: message } 
     }) 
    } 
}) 

alertFuncのログは表示されません。

$mdDialog.showの中にcontrollerAs : 'ctrl'を入れてみました。それから、alertFunc宣言をthis.alertFunc = function...に変更し、ng-click='ctrl.alertFunc'を変更しました。しかし、これはうまくいきませんでした。

誰かが問題を見つけ出す手助けをすることができますか?

はそれがng-click="alertFunc()"の代わりng-click="alertFunc"でなければなりません

+0

これをプランナーに置くことはできますか? –

+1

こんにちはマイク...私はこれをプランカーに入れていました。これは今働いています。ご意見ありがとうございます。それなしでは起こらなかったでしょう。ブレーンストーミングの2時間ほどです。 –

答えて

0

ありがとうございました。 2時間の努力と愚かなカッコイイ。

驚くべきことに、プログラマーがどのように無意味になるのでしょうか。

関連する問題