AngularJSでNotify.js：通知に$ scopeコンテンツを渡す

Question

Angular変数をNotify.js関数に渡す方法はありますか？ 関数内の$ .notify（）でAngularのスコープ内で関数を作成しようとしましたが、実行されません。関数をプレーンJS関数としてアプリケーションの範囲外に移動すると、うまく動作しますが、Angularに格納されたデータを使用することはできません。

私が持っている：

function showAchievement() { 
    $.notify({ 
    title: '{{angularData}}', 
    message: '{{moreData}}.' 
    }, { 
    type: 'achievement', 
    placement: { 
     align: "left" 
    }, 
    animate:{ 
     enter:'animated fadeInLeft', 
     exit:'animated fadeOutRight' 
    }, 
    delay: 5000 
    }); 
} 

と私のCSS：

.alert-achievement { 
    background: url("../img/purple-bg.png") no-repeat; 
    border: 4px solid purple; 
    color: dodgerblue; 
    padding: 10px; 
    width: 25%; 
} 

.alert-achievement > [data-notify="title"] { 
    color: purple; 
    text-align: center; 
    display: block; 
    font-weight: bold; 
    margin-bottom: 5px; 
} 

.alert-achievement > [data-notify="message"] { 
    font-size: 80%; 
} 

それは角度のうまく外に動作します。 Angularの内部でさえも起動されます。 Angular $ scope.titleの内容に基づいてタイトルとメッセージを渡すだけです。機能上の

Answer 1

入れパラメータ：

function showAchievement (title, message) { 
    $.notify({ 
    title: title, 
    message: message + '.' 
    }, { 
    type: 'achievement', 
    placement: { 
     align: "left" 
    }, 
    animate:{ 
     enter:'animated fadeInLeft', 
     exit:'animated fadeOutRight' 
    }, 
    delay: 5000 
    }); 
} 

そして、引数としてスコープ変数を持つ関数を呼び出します。詳細については

showAchievement($scope.angularData, $scope.moreData); 

を、MDN JavaScript Reference - functionsを参照してください。