Angularjs如何实现动态添加控件功能-创新互联
这篇文章主要介绍Angularjs如何实现动态添加控件功能，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
五台ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为
创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
实现下面这样的需求：
点击增加一块数据盘，会出现数据盘选项。
(1)最开始，想到原生JavaScript，jQuery (appendChild()等方法结合AngularJS来添加新的元素。但是突然发现控件里面的数据绑定，原生javascript没法控制。
(2)上网查资料，找到$compile服务，动态改变html内容。本以为这可以解决我的需求，但是仔细研究发现$compile是这样的东西。
用$compile服务创建一个directive ‘compile'，这个complie会将传入的html字符串或者DOM转换为一个template，然后直接在html里调用compile即可
(3)$compile不能满足我的需求，继续找资料，才发现angularjs实现这样的需求，如此简洁明朗。即ng-repeat $index.
{{$index + 1}}
testModule.controller('testController',
function ($scope, $log) {
$scope.DATA = new Object();
$scope.DATA.data = [{key: 0, value: ""}];
// add
$scope.add = function($index) {
// 用时间戳作为每个item的key
$scope.DATA.data.splice($index + 1, 0,{key: new Date().getTime(), value: ""});
}
// delete
$scope.DATA.delete = function($index) {
$scope.DATA.data.splice($index, 1);
}
});以上是“Angularjs如何实现动态添加控件功能”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联网站建设公司行业资讯频道！
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
分享文章：Angularjs如何实现动态添加控件功能-创新互联
转载来源：
http://kswjz.com/article/cchpdh.html
