角度：通過從服務器端的默認值

Question

我已經在服務器端（.NET剃刀），其規定了谷歌地圖默認半徑縮放texbox用戶可以修改：

<input type="number" ng-model="radius"> 

而且對於第一負載，我應該有一個服務器定義的（和管理）可變

<input type="number" ng-model="defaultRadius" 
     style="display: none;" value="@myDefault"> 

下面是代碼（JS FIDDLE）

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

 
function MyCtrl($scope) { 
 
    $scope.name = 'Superhero'; 
 
    $scope.$watch('defaultRadius', function(newValue) { 
 
    $scope.radius = newValue; 
 
    }, true); 
 
}

<div ng-controller="MyCtrl">Hello, {{name}}! 
 
    <h2>Enter your radius (default {{defaultRadius}}): </h2> 
 
    <input type="number" ng-model="radius"> 
 
    <input type="number" ng-model="defaultRadius" 
 
     style="display: none;" value="200"> 
 
</div>

但是，這似乎並沒有工作......如何解決它？

Answer 1

以角度方式，您應該在控制器中定義模型，而不是在視圖中。 所以你需要在你的控制器

$scope.defaultRadius = 200'; 

創建一個變量，或有其它絕招做到這一點：ng-init="defaultRadius=200"

<input type="number" ng-model="defaultRadius" style="display: none;" ng-init="defaultRadius=200" > 

Working Fiddle