Javascript 如何使用AngularJS添加动态输入字段和相应的收音机
嗨,我有一个html文件和一个AngularJS文件(引导用户界面)。每当我点击add按钮时,它都会帮助我创建一个新的td(输入字段)和3个相应的单选按钮。下面是我的代码,但不确定如何实现。我试着用tr替换div,td都不起作用 Html:Javascript 如何使用AngularJS添加动态输入字段和相应的收音机,javascript,html,angularjs,twitter-bootstrap,Javascript,Html,Angularjs,Twitter Bootstrap,嗨,我有一个html文件和一个AngularJS文件(引导用户界面)。每当我点击add按钮时,它都会帮助我创建一个新的td(输入字段)和3个相应的单选按钮。下面是我的代码,但不确定如何实现。我试着用tr替换div,td都不起作用 Html: 请大家帮忙。提前感谢。AngularJs的基本方法是: 模板生成的HTML,由数据模型中的值驱动 如果您想动态地 操纵DOM 在您的例子中,一个简单的ng repeat循环应该就足够了,为数据模型中的集合/数组的每个元素生成一个td和三个输入。单击该按钮
请大家帮忙。提前感谢。AngularJs的基本方法是:
- 模板生成的HTML,由数据模型中的值驱动
- 如果您想动态地 操纵DOM
<tr ng-repeat="cell in cells">
<td>
<label><input type="radio" ng-model="cell.value1" value="1">1</label<br/>
<label><input type="radio" ng-model="cell.value2" value="2">2</label<br/>
<label><input type="radio" ng-model="cell.value3" value="3">3</label<br/>
</td>
</tr>
1$scope.alerts.push({type:'newType',msg:'other alert!'})代码>
angular.module('ui.bootstrap.demo').controller('AlertDemoCtrl', function ($scope) {
$scope.alerts = [
{ type: 'danger', msg: 'Oh snap! Change a few things up and try submitting again.' },
{ type: 'success', msg: 'Well done! You successfully read this important alert message.' }
];
$scope.addAlert = function() {
$scope.alerts.push({msg: 'Another alert!'});
};
$scope.closeAlert = function(index) {
$scope.alerts.splice(index, 1);
};
<tr ng-repeat="cell in cells">
<td>
<label><input type="radio" ng-model="cell.value1" value="1">1</label<br/>
<label><input type="radio" ng-model="cell.value2" value="2">2</label<br/>
<label><input type="radio" ng-model="cell.value3" value="3">3</label<br/>
</td>
</tr>