コントローラの入力値のバインド値 - AngularJS

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あなたのinputため

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指示を行うことができ

：あなたはwatchメソッドを使用する必要がコントローラで

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

。

$時計は$スコープをリッスンするのに役立ちます簡単な例

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メソッドは、$scope.variableが変更されたときにsomeコードを実行する場合に非常に役立ちます。