访问使用 class 的 ngModel 元素

Question

我的 HTML 代码中有许多元素的 ngModel 赋值定义为 ng-model = "object.[something]"。

例如：

<div class="form-group row" ng-model="object.askUser">

我这样做是为了明确我对这些元素的目的。我的问题是如何在 Javascript 中访问这些元素？我是叫 $scope.object.askUser、$object.askUser 还是别的什么？我很难在网上找到关于此的内容，很可能是因为我不太确定在搜索栏中使用哪些词来描述我正在尝试做的事情。

Answer 1

在你的控制器中使用 $scope.object.askUser:

var app = angular.module('TestApp', []);

app.controller("testCtrl", function ($scope) {
 
  $scope.someObject = {};
  
  $scope.someObject.askUser = "Hello, world!";
  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="TestApp">
  <div ng-controller="testCtrl">
    <input ng-model="someObject.askUser" />
  </div>
</div>

旁注：

您在示例中使用 <div> 和 ngModel。

ngModel Docs:

The ngModel directive binds an input,select, textarea (or custom form control) to a property on the scope

如果您想将模型单向绑定到 div，请使用 Angular Expression:

<div class="form-group row">
   {{ object.askUser }}
</div>

访问使用 class 的 ngModel 元素

Accessing ngModel elements that use a class

html

javascript

angularjs

angular-ngmodel