gpt4 book ai didi

angularjs - 如何动态地创建一个具有特定类的 Angular 的 div?

转载 作者:行者123 更新时间:2023-12-04 17:16:23 25 4
gpt4 key购买 nike

我想在单击按钮时创建一个 div:

div应该是这样的:

<div class="my-blur"><div>

我正在这样做:
$scope.showFloatingActioButtons = function() {
var newEle = angular.element('<div class="my-blur"></div>');
$compile(newEle)($scope);
}

最佳答案

您快到了……您只需将该元素添加到 DOM 中。

angular.element('someselector-or-dom-element').append(newEle);

除非您在新元素上有绑定(bind)或指令,否则没有理由编译它。

我添加了一个运行示例来帮助消除任何混淆。

var app = angular.module('my-app', []);

function MyCtrl(){}
MyCtrl.prototype = {
addElement:function(){
var newEle = angular.element("<div class='red'></div>");
var target = document.getElementById('target');
angular.element(target).append(newEle);
}
};

app.controller('myCtrl', MyCtrl);
.red{
margin: 10px;
height:20px;
background-color:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<div ng-app="my-app" ng-controller="myCtrl as $ctrl">
<button type="button" ng-click="$ctrl.addElement()">Add Element</button>
<div id="target"></div>
</div>

关于angularjs - 如何动态地创建一个具有特定类的 Angular 的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41764815/

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