Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用自己的ng模型动态添加输入_Javascript_Angularjs_Angularjs Ng Repeat_Angularjs Ng Model_Angularjs Material - Fatal编程技术网

Javascript 使用自己的ng模型动态添加输入

Javascript 使用自己的ng模型动态添加输入,javascript,angularjs,angularjs-ng-repeat,angularjs-ng-model,angularjs-material,Javascript,Angularjs,Angularjs Ng Repeat,Angularjs Ng Model,Angularjs Material,我需要用户能够向表单中添加新的帐户代码,并且能够在将表单发送到服务器之前更改每个单独的代码。我的标记如下所示: 如果您使用以下方法更改输入的ng模型 <md-content id="acctCodeSection{{$index}}" ng-repeat="amt in acctCodeSegments"> <div class="acct-code-container> <md-content> <md-input-container&g

我需要用户能够向表单中添加新的帐户代码,并且能够在将表单发送到服务器之前更改每个单独的代码。我的标记如下所示:



如果您使用以下方法更改输入的ng模型

<md-content id="acctCodeSection{{$index}}" ng-repeat="amt in acctCodeSegments">
<div class="acct-code-container>
  <md-content>
    <md-input-container>
      <label>FF</label>
      <input ng-model="amt.ff" class="aCodesInputs" maxlength="2" auto-advance />
    </md-input-container>
    <md-input-container>
      <label>XXXX</label>
      <input ng-model="amt.program" class="aCodesInputs" maxlength="4" auto-advance />
    </md-input-container>
  </md-content>
</div>
</md-content>


哦,哇,太简单了,我简直不敢相信我居然没想到。今天早上我要试一试:)这产生了一个我以前从未见过的错误:TypeError:无法在数字“1”上创建属性“ff”。似乎它不喜欢写入模型?你会得到这个错误,因为你的acctCodeSegments是一个数字数组,要让上面的解决方案工作,你需要一个对象数组。啊,这很有意义。将段数组更改为$scope.acctodesegments=[{code:1}];一切都很好!谢谢