Я пытаюсь вставить тег html с событием ng-click в редакторе кендо. Когда я получаю вставленные данные и показываю их в div, ng-click не работает. Обычный onclick в javascript работает нормально, а ng-click — нет.
Ниже приведен тег <a>, вставленный в текстовую область редактора.
<a ng-click="testMsg()"><span>' + nodeId + '</span></a>
Любая идея о том, как решить эту проблему?
onclick — собственный обработчик событий DOM, а ng-click — нет. Доступны будут только те функции, которые зарегистрированы в области видимости. Любые встроенные функции НЕ будут доступны для ng-click без явного назначения области, как показывает мой пример.
var app = angular.module('app1', []);
app.controller('ctrl1', ['$scope', function($scope) {
function testMsg() {
alert('Hello world');
}
$scope.goodTestMsg = testMsg;
}]);<div ng-app="app1" ng-controller="ctrl1">
<p ng-click="goodTestMsg()">Click me will show a message</p>
<p ng-click="testMsg()">Click me should happen nothing</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>TL;DR: метод testMsg не доступен для области действия контроллера. Попробуйте добавить что-то вроде $scope.testMsg = testMsg;, и это решит вашу проблему.
$compile(customHtml)($scope);, но это не сработало!
- person Anish V; 29.02.2016
Вместо textarea попробуйте использовать div. Я столкнулся с аналогичной проблемой, которая была частично решена с помощью div. Однако это будет встроенное редактирование, так как панель инструментов будет скрыта и будет отображаться только тогда, когда вы наведете курсор на div.
