javascript - 访问使用类的 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

在 Controller 内使用$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

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

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