angularjs使用来自另一个ng-model的值设置默认值ng-model

Question

我想将用户在另一个表单字段中设置的ng-model的值传递给另一个ng-model，将其作为相同表单的初始值。
在此示例中，我希望myModel.fieldB的ng-init值为myModel.fieldA.subfield ，这是在span元素的值中成功评估的，但在myModel.fieldB的ng-model中未成功评估，这意味着ng-init="myModel.fieldB = myModel.fieldA.subfield"中没有任何ng-init="myModel.fieldB = myModel.fieldA.subfield" 。
但是，当我传递字符串文字值时，它可以工作，例如ng-init="myModel.fieldB = 'some example'"

<span class="form-group" ng-model="myModel.fieldB" ng-init="myModel.fieldB = myModel.fieldA.subfield">{{myModel.fieldA.subfield}</span>

Answer 1

为什么不简单地将ng-change指令用于选择input并将myModel.fieldA.subfield的值分配给myModel.fieldB呢？

像这样：

ng-change="assignValue(myModel.fieldA.subfield)"

然后：

$scope.assignValue = function(val) {
    if (val) {
      $scope.myModel.fieldB = val;
    }
  }

这是一个工作的家伙

Answer 2

这是因为当您传递文字值时，它是常量并且不会改变，但是当您传递变量值时，例如ng-init="myModel.fieldB = myModel.fieldA.subfield" （myModel.fieldB），它将仅被设置一次在此元素具有任何内部值（myModel.fieldA.subfield） 的创建时 ，因此要克服此问题，可以对select元素使用ng-change，如下所示：

<select data-ng-model="myModel.fieldB" ng-change="myModel.fieldA.subfield = myModel.fieldB">
   <option value="option1">option1</option>
   <option value="option1">option1</option>
</select>
<span class="form-group">{{myModel.fieldA.subfield}}</span>