有條件地從html中調用角度函數

Question

在我的聊天應用程序中，我想從html調用一個音頻播放函數，只有當用戶從其他用戶收到msg時纔會播放該函數。

<div ng-bind-html="m.msg"> </div>

所以，我想要是每當值從這個「m.msg」，我想調用一個函數將在後臺播放聲音傳來。

Answer 1

所有你需要做的就是使用angularjs手錶。

angular.module('app', []) 
 
    .controller('parentCtrl', function($scope) { 
 
    $scope.m = { 
 
     msg: "" 
 
    }; 
 

 
\t \t // Watch the msg. 
 
    $scope.$watch("m.msg", function(newVal, oldVal) { 
 
    \t //In case it change call playAudio function 
 
     if (newVal !== oldVal) { 
 
\t \t \t \t playAudio(); 
 
     } 
 
    }); 
 
    
 
    function playAudio(){ 
 
    \t alert("Set Code for Play Audio here"); 
 
    } 
 
    });

.msg-wim{ 
 
    background-color:white; 
 
    width:100%; 
 
    height:100px; 
 
    border:1px solid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <div ng-controller="parentCtrl"> 
 
    <input type="text" ng-model="m.msg" placeholder="Type Text..."> 
 
    
 
    <hr> 
 
    
 
    <h1>For each char u type in the textbox alert will display</h1> 
 
    <div class="msg-wim" ng-bind="m.msg"> 
 
    </div> 
 
    </div> 
 
</div>