Javascript 如何使用AngularJS添加动态输入字段和相应的收音机

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和三个输入。单击该按钮

嗨,我有一个html文件和一个AngularJS文件(引导用户界面)。每当我点击add按钮时,它都会帮助我创建一个新的td(输入字段)和3个相应的单选按钮。下面是我的代码,但不确定如何实现。我试着用tr替换div,td都不起作用

Html:


请大家帮忙。提前感谢。

AngularJs的基本方法是:

  • 模板生成的HTML,由数据模型中的值驱动
  • 如果您想动态地 操纵DOM
在您的例子中,一个简单的ng repeat循环应该就足够了,为数据模型中的集合/数组的每个元素生成一个td和三个输入。单击该按钮时,应更新集合中的元素数。如有必要,可以使用$apply强制进行UI更新

比如:

   <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>