2017-08-09 10 views
0

ng-mouseoverのコードを追加しようとしています。角度ng-bind-htmlとng-mouseoverは機能しません(コードには表示されません)

をNG-マウスオーバー=「テスト($イベント)」:しかしng-mouseover部分は角plunkerからコード

サンプルでは(動作しませんでした)が表示され、コードの私の作品を追加しませんでした

(function(angular) { 
    'use strict'; 
angular.module('bindHtmlExample', ['ngSanitize']) 
    .controller('ExampleController', ['$scope', function($scope) { 
    $scope.myHTML = 
     'I am an <code>HTML</code>string with ' + 
     '<a ng-mouseover="test($event)" href="#">links!</a> and other <em>stuff</em>'; 

    $scope.test = function(event) { 
     console.log(event); 
    } 

    }]); 
})(window.angular); 

https://plnkr.co/edit/gp3Z50TJqvEfOFGrpYCT?p=preview

$ scope.test()関数は、解雇されませんでした。この小さなリンクの上にマウスオーバーするとイベントは表示されません。

ヒント?

答えて

0

htmlをスコープ内で評価するカスタムディレクティブを作成する必要があります。

+0

そうするリンクやサンプルはありますか? – twyly

+1

https://stackoverflow.com/a/29095412/1356669 – be4code

関連する問題