Javascript 将ng单击添加到使用ng bind html添加的div_Javascript_Html_Angularjs

Javascript 将ng单击添加到使用ng bind html添加的div

javascript html angularjs

Javascript 将ng单击添加到使用ng bind html添加的div,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个使用angularjs在javascript中创建的div。在这里 Js: 那个部门确实出现了。更新方法位于mainCtrl控制器中。 ng click不起作用我做错了什么，或者这还不受支持这是一个页面，如果它帮助所有的方块“应该”弹出警报，但它没有弹出警报。将HTML绑定到每个方块有什么特别的原因吗只需使用一些网格或表格并将ng click绑定到每个单元格就更容易了所以你可以把控制器移到div外 <body ng-controller="mainCtrl">

我有一个使用angularjs在javascript中创建的div。在这里
Js:

那个部门确实出现了。更新方法位于mainCtrl控制器中。
ng click不起作用我做错了什么，或者这还不受支持

这是一个页面，如果它帮助所有的方块“应该”弹出警报，但它没有弹出警报。

将HTML绑定到每个方块有什么特别的原因吗

只需使用一些网格或表格并将ng click绑定到每个单元格就更容易了

所以你可以把控制器移到div外

 <body ng-controller="mainCtrl">
    <!-- Create Table or Grid .Inside each cell add-->
    <div ng-click="updateText()"></div>
</body>

将HTML绑定到每个方块有什么特别的原因吗

只需使用一些网格或表格并将ng click绑定到每个单元格就更容易了

所以你可以把控制器移到div外

 <body ng-controller="mainCtrl">
    <!-- Create Table or Grid .Inside each cell add-->
    <div ng-click="updateText()"></div>
</body>

将HTML绑定到每个方块有什么特别的原因吗

只需使用一些网格或表格并将ng click绑定到每个单元格就更容易了

所以你可以把控制器移到div外

 <body ng-controller="mainCtrl">
    <!-- Create Table or Grid .Inside each cell add-->
    <div ng-click="updateText()"></div>
</body>

将HTML绑定到每个方块有什么特别的原因吗

只需使用一些网格或表格并将ng click绑定到每个单元格就更容易了

所以你可以把控制器移到div外

 <body ng-controller="mainCtrl">
    <!-- Create Table or Grid .Inside each cell add-->
    <div ng-click="updateText()"></div>
</body>

当您在Html中编写Html不知道的内容时，如果您想让用户知道诸如“ng click”之类的语法，则必须通过$compiler服务对其进行编译。否则，angularj和Html会将其视为普通字符串。使用以下代码

function htmlGeneratorController($scope, $compile, $sce){
$scope.myHTML=$compile($sce.trustAsHtml('<div ng-app="mainModule" ng-controller="mainCtrl" ng-click="updateText()" class="squareButton ng-scope"> </div>'))($scope);
}

函数htmlGeneratorController（$scope、$compile、$sce）{
$scope.myHTML=$compile（$sce.trustAsHtml（“”））（$scope）；
}

希望这会有所帮助：）

当您在Html中编写一些Html不知道的内容，并且希望用户了解诸如“ng click”之类的语法时，您必须通过$compiler服务对其进行编译。否则，angularj和Html会将其视为普通字符串。使用以下代码

function htmlGeneratorController($scope, $compile, $sce){
$scope.myHTML=$compile($sce.trustAsHtml('<div ng-app="mainModule" ng-controller="mainCtrl" ng-click="updateText()" class="squareButton ng-scope"> </div>'))($scope);
}

函数htmlGeneratorController（$scope、$compile、$sce）{
$scope.myHTML=$compile（$sce.trustAsHtml（“”））（$scope）；
}

希望这会有所帮助：）

function htmlGeneratorController($scope, $compile, $sce){
$scope.myHTML=$compile($sce.trustAsHtml('<div ng-app="mainModule" ng-controller="mainCtrl" ng-click="updateText()" class="squareButton ng-scope"> </div>'))($scope);
}

函数htmlGeneratorController（$scope、$compile、$sce）{
$scope.myHTML=$compile（$sce.trustAsHtml（“”））（$scope）；
}

希望这会有所帮助：）

function htmlGeneratorController($scope, $compile, $sce){
$scope.myHTML=$compile($sce.trustAsHtml('<div ng-app="mainModule" ng-controller="mainCtrl" ng-click="updateText()" class="squareButton ng-scope"> </div>'))($scope);
}

函数htmlGeneratorController（$scope、$compile、$sce）{
$scope.myHTML=$compile（$sce.trustAsHtml（“”））（$scope）；
}

希望这会有所帮助：）

嗨，我在这里尝试了你的解决方案：但是得到的是“[$sce:safe]”？有什么想法吗？：）您好，我在这里尝试了您的解决方案：但是获得“[$sce:不安全]”？有什么想法吗？：）您好，我在这里尝试了您的解决方案：但是获得“[$sce:不安全]”？有什么想法吗？：）您好，我在这里尝试了您的解决方案：但是获得“[$sce:不安全]”？有什么想法吗？：）