Question

我正在使用JSP和Angular JS。我有一个带有隐藏输入字段的JSP页面。会话属性设置为其值，如下所示。

  String policy = (String)session.getAttribute("POLICY_CHANGE");

  <input type="hidden" value="<%=policy%>" name="policy" ng-model="$scope.policyChange" />

如何将输入字段的值绑定到控制器中的变量 $ scope.policy 。

JS

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
   $scope.policyChange= ; // i want to bind the input field value here.
});

Answer 1

您可以为ng-model：

执行此设置input指令

 <input type="hidden" value="<%=policy%>" name="ng2_session" ng-modal="vm.policyChange" ng-model="policy" ng-init="policy='<%=policy%>'" />

在控制器中，您必须使用watch方法。

$ watch有助于收听$ scope更改

JS

 app.controller('myCtrl', function($scope) {
   console.log($scope.policy); // i want to bind the input field value here.
 });

简单示例：

function MyCtrl($scope) {
   $scope.$watch('policy', function() {
      console.log($scope.policy);
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="MyCtrl">
      <input type="text" ng-model="policy" ng-init="policy='Bob'"/>
  </div>
</div>

注意：通常情况下，watch方法在some代码更改时运行$scope.variable代码时非常有用。

绑定控制器AngularJS中的输入值

1 个答案: