javascript - 在 AngularJS 脚本中获取 HTML 元素数据

Question

我是 AngularJS 的新手，正在尝试设计一个包含两个文本字段和两个单选按钮的页面。

第一个文本字段用于当前地址，然后是单选按钮(一个表示是，第二个表示否)，最后一个组件将是永久地址文本字段。首先，用户将在当前地址文本字段中输入值，之后如果用户选择是单选按钮，则应将数据从当前地址复制到永久地址文本字段，如果用户选择否，则什么都不做。下面是我写的示例代码:

*<input type="text" name="cAddress" ng-model="cAddress" required/>
<input type="radio" name="opt" ng-click="copyAddress(true)" />
<input type="radio" name="opt" ng-click="copyAddress(false)" />
<input type="text" name="pAddress" ng-model="pAddress" required/>*

Controller 内部的脚本代码如下:

$scope.copyAddress = function(flag) {
   if(flag) {
      $scope.pAddress = $scope.cAddress;
   }
};

当我尝试在控制台中打印 $scope.cAddress 和 $scope.pAddress 值时，它显示为未定义。甚至 $scope 也没有 cAddress 和 pAddress。

因此，主要问题是我没有在 AngularJS Controller 中获取元素数据

请找到 plunker 网址: http://plnkr.co/edit/Ub2VEn01HxwDpnCg4tLi?p=preview单击“下一步”导航到“第二个”选项卡，您会在此处找到用于复制数据的"is"和“否”单选按钮。

我把代码压缩了，请看一下。要了解流程，您可以阅读 README 文件。 http://plnkr.co/edit/TzJsZIRxAyTuFdCXLFFV?p=preview

Answer 1

尝试使用另一个作用域对象。

也就是说，创建一个范围对象并为每个输入添加属性，例如

$scope.myObject = {}; // Empty scope variable
$scope.myObject.cAddress = ""; // initialize your model for the input.

现在您应该使用这个变量作为您的输入。

<input type="text" name="cAddress" ng-model="myObject.cAddress" required/>

试试这个。它可能对您有所帮助。