다음 두 가지 지시문이 있습니다. 우리가 issuedesc에서 생성 버튼을 클릭하면 위의 작품 브라우저에서ng-click이 AngularJS에서 작동하지 않습니다.
<body>
<issuedesc></issuedesc>
</body>
, - 첫 번째 (recentisls는) 두 번째 'issuedesc'
directive('recentisls', function ($compile) {
return {
restrict: 'E',
transclude: true,
scope: {},
controller: function ($scope, $element) {
$scope.showIsDsc = function() {
var el = $compile("<issuedesc></issuedesc>")($scope);
$('body').html(el);
},
template: '<div ng-click="showIsDsc()"></div>',
};
}).
directive('issuedesc', function ($compile) {
return {
restrict: 'E',
transclude: true,
scope: {},
controller: function ($scope, $element) {
$scope.addcomts = function() {
alert("A Hello");
};
},
template: '<input ng-click="addcomts()" type="button" value="Submit Comments"/>,
replace: true
};
})
HTML 코드를 생성합니다. 우리가 recentisls에서 생성 버튼을 클릭하면
그러나, 브라우저에서
<body>
<recentisls></recentisls>
</body>
는, 위에서 작동하지 않습니다.
이 코드는 나를 위해 작동 - VAR 엘 = $를 (" ") .appendTo ('신체'); $ compile (el) ($ scope) –
shashankt