满足以下要求:
单击添加数据磁盘,将出现数据磁盘选项。
(1)一开始,我想到了原生JavaScript、jQuery (appendChild())等方法结合AngularJS添加新元素。但是突然发现控件内部的数据绑定,原生javascript无法控制它。
(2)在网上搜索信息,找到$compile服务,动态更改html内容。我以为这样可以解决我的需求,但是仔细研究之后,我发现$compile就是这么一回事。
使用$compile服务创建一个指令“compile”,它将把传入的html字符串或DOM转换成模板,然后直接调用html中的compile
(3)$compile满足不了我的需求,我继续寻找资料,才发现angularjs实现了这样的需求,就是这么简洁明了。这就是ng-repeat $指数。
Div ng-repeat=' item in DATA . DATa ' Div class=' form-group ' Div class=' col-MD-12 ' label class=' col-MD-1 ' { $ index 1 } }/label Div class=' col-MD-9 '输入类型=' text ' class=' form-control ' ng-model=' item . value ' name=' item { $ index 1 } } '//Div Div输入类型=' button' ng-click=' item。delete($ index)' value=' delete '/div/div/div/div div输入类型=' button ' ng-click=' add()' value=' add '/div test module . controller(' test controller ',function ($scope,$log) { $scope。数据=新对象();$scope。DATA.data=[{key: 0,value : ' ' }];//添加$ scope。add=function($ index){//使用timestamp作为key $作用域。数据。data.split ($ index1,0,{key:new date()。gettime()、value3360''})中的每一项;} //删除$作用域。DATA.delete=函数($index) { $scope。DATA.data.splice($index,1);} });上面提到的是Angularjs的动态添加控件的功能,由边肖引入。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!