有条件地从html调用角度函数

Question

在我的聊天应用程序中，我想从html调用音频播放功能，仅当用户从其他用户收到消息时才会播放。

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

所以，我正在尝试的是，只要价值来自这个“m.msg＆＃39;”，我想调用一个能在后台播放声音的功能。

Answer 1

您需要做的就是使用angularjs手表。

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;