0

angular-webspeech-directiveを使用しています

HTMLコードは次のとおりです。

<!DOCTYPE html>
<html ng-app="plunker">

<head>
    <meta charset="utf-8" />
    <title>TestBed</title>
    <link data-require="bootstrap-css@3.0.0" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
    <link data-require="font-awesome@4.3.0" data-semver="4.3.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css" />

</head>

<body ng-controller="MainCtrl" ng-cloak="">

<div class="container">

    <div class="row">
        <div class="col-md-12">

            asdfasdf
            <js-speech ng-model="speech"></js-speech>

            <!--
            <pre>js-speech ng-model="speech"</pre>
            <br />-->

            <strong>Debugger</strong>
            <pre>$scope.speech:{{speech|json}}</pre>
        </div>
    </div>
</div>

<!-- Application Scripts -->
<script data-require="jquery@2.0.3" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="angular.js@1.0.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js" data-semver="1.0.8"></script>
<script data-require="modernizr@2.6.2" data-semver="2.6.2" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.js"></script>



<script src="js/Speech.js"></script>
<script src="js/speechapp.js"></script>

</body>

</html>

これがAngular speechapp.jsです

(function() {
    var app;

    app = angular.module("plunker", ["jonniespratley.angularWebSpeechDirective"]);

    app.controller("MainCtrl", function($scope) {


        return $scope.speech = {
            maxResults: 25,
            continuous: true,
            interimResults: true
        };

        $scope.$on('onresult', function() {console.log( "---->speech.interimResults<----" );});

        $scope.test=function(){
            console.log( "---->speech.interimResults<----" );
        }
        $scope.$digest();
        $scope.$watch('$scope.speech.interimResults', function() {console.log( "---->speech.interimResults<----" ); }, true);

        $scope.$watch('speech.interimResults', function(newVal, oldVal) {
          //do something here like get the text input value and send to api
          //after speaking even the value of speech.intermResults change this does not get triggered.  
          return console.log(newVal);
        }, true);
    });

}).call(this);

私が望んでいたのは、ユーザーがマイクに向かって話し終えるたびに、入力 txt を取得できるので、テキスト コンテンツを後処理できるようにすることです。テキスト入力のコンテンツを取得して API に送信できるようにする必要がありますが、ディレクティブの onresult イベントへのフックが見つかりません。

scope.speech を見るのは良い方法ですか? $scope.$watch が変更されているかどうかを確認するために $scope.$watch を試しましたが、機能していません。助けてくれてありがとう。

4

1 に答える 1

9

$scopeでスコープ変数を参照するために使用しないでください$watch。だから代わりに

$scope.$watch('$scope.speech.interimResults', function () {
    console.log("---->speech.interimResults<----");
}, true);

あなたは書くべきです

$scope.$watch('speech.interimResults', function () {
    console.log($scope.speech.interimResults);
}, true);
于 2015-12-03T05:36:31.593 に答える