如何在沒有任何按鈕操作的情況下獲取Angularjs隱藏字段值？

Question

我想獲得沒有任何按鈕操作的angularjs隱藏字段值。我在angularjs新的，如果這個解決方案提供的任何鏈接請發送到我下面

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
<div ng-app ng-controller="TestController"> 
    <input type="hidden" name="id" ng-model="id" ng-init="id=12"></input> 
</div> 
<script> 
function TestController($scope) { 

     alert($scope.id); 
} 
</script> 

Answer 1

的問題是，在控制器警報NG-INIT被置之前被調用，

試試這個，

app.controller('myController', function($scope,$timeout) { 
    $timeout(function() { 
     alert($scope.id); 
    }) 
}); 

DEMO

Answer 2

給出

代碼看來這個問題是id變量初始化之前alert(...)調用執行。

這似乎是工作

function TestController($scope, $timeout) { 
 
     $timeout(function(){alert($scope.id);},0, true); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app ng-controller="TestController"> 
 
    <input type="hidden" name="id" ng-model="id" ng-init="id=12">  
 
</div>

Answer 3

您可以創建初始化函數，並通過$watch

function TestController($scope) { 
 
    this.init = function() { 
 
    $scope.id = 12; 
 

 
    $scope.$watch('id', function(value, oldValue) { 
 
     console.log('changed', $scope.id) 
 
    }); 
 
    console.log('id has been initialized'); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app ng-init="vm.init()" ng-controller="TestController as vm"> 
 
    <input type="hidden" name="id" ng-model="id"> 
 
    <input type="text" placeholder="just test input" name="other" ng-model="id"> 
 
</div>