gpt4 book ai didi

javascript - 尝试使用 $compileProvider、CRUD 和引导指令 ng-clink 失败

转载 作者:行者123 更新时间:2023-12-03 03:49:50 25 4
gpt4 key购买 nike

我在简单的应用程序上遇到了麻烦,就像这个例子:

编译后ng-click不起作用。

<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Example - example-compile-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>

<body ng-app="compileExample">
<script>
angular.module('compileExample', [], function($compileProvider) {
// configure new 'compile' directive by passing a directive
// factory function. The factory function injects the '$compile'
$compileProvider.directive('compile', function($compile) {
// directive factory creates a link function
return function(scope, element, attrs) {
scope.$watch(
function(scope) {
// watch the 'compile' expression for changes
return scope.$eval(attrs.compile);
},
function(value) {
// when the 'compile' expression changes
// assign it into the current DOM
element.html(value);

// compile the new DOM and link it to the current
// scope.
// NOTE: we only compile .childNodes so that
// we don't get into infinite loop compiling ourselves
$compile(element.contents())(scope);
}
);
};
});
})
.controller('GreeterController', ['$scope', function($scope) {
$scope.name = 'Visitor';
$scope.html = 'Hello {{name}} have a look at <form><button ng-click="popFailed()">ng click which Failed</button></form> After successful request';

$scope.popSuccess = function() {
alert('pop success');
};

$scope.popFailed = function() {
alert('test success');
};
}]);
</script>
<div ng-controller="GreeterController">
<form>
<button ng-click="popSuccess()">ng click which succed</button>
</form>

<br/>
<input ng-model="name"> <br/>
<textarea ng-model="html"></textarea> <br/><br/><br/><br>
<div compile="html"></div>
</div>

<!-- Exemple of angularJs bootstrapping
<script>
// bootstrap the app to angular
angular.bootstrap(document.getElementById('compile_example'), ['compile_example']);
</script>
-->
</body>
</html>

但是当我使用 symfony 时,它提供生成模板的rest-api(如 $scope.html),返回 html 字符串,如示例中所述。但我的 ng-click 不起作用。事件监听器例如(ev) 我的浏览器检查器上没有出现指示

我使用带有 id 的 angular.bootstrap 而不是 ng-app 作为我的应用程序声明

我需要帮助

  • 我认为这是由于我的 angular.bootstrap 位置位于底部页面
  • 事件,例如(ev) 在本示例中,指示显示在浏览器检查器上,但没有出现在我的项目中
  • 如何知道 html 和指令是否已正确“编译”?让事件监听器出现在我的按钮表单上

最佳答案

在那里解决了:

FOSRestBundle "avoid" Javascript eventListener

我的表单模板中犯了一个错误

关于javascript - 尝试使用 $compileProvider、CRUD 和引导指令 ng-clink 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45214521/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com