Angularjs設置靜態變量

要學習angularjs，我從interent獲得了演示，並且想要設置給定登錄名，密碼和其他字段的某個靜態值。Angularjs設置靜態變量

我試圖讓它使用谷歌工作。但不知何故它不工作。那麼你會提出一些想法或幫助？

它必須要像那樣工作用戶名值將被設置爲表單字段名稱，電子郵件，登錄名和密碼。一旦設置了值，然後提交，但它不爲我工作。

目前代碼：

var username = "123456"; 
var password = "234567"; 

angular.module('abcControllers', []) 
    .controller('MainController', function($scope) { 
       $scope.abc.data = {name: username,email: username+"@test.com",login:username,password :password}; 
    }); 



    <form name="form" class="css-form" novalidate ng-init="advanced = false"> 
       <div class="form-group {{ (((!form.name.$pristine || form.$submitted) && !form.name.$valid) ? 'has-error': '') }}"> 
       <label class="control-label" for="login-name">{{ 'NAME' | translate}}</label> 
       <input type="text" name="name" class="form-control" id="login-name" placeholder="{{ 'YOUR_NAME' | translate}}" required="" ng-model="abc.data.name" autofocus> 
       </div> 
       <div class="form-group {{ (((!form.email.$pristine || form.$submitted) && !form.email.$valid) ? 'has-error': '') }}"> 
       <label class="control-label" for="login-email">{{ 'EMAIL' | translate }}</label> 
       <input type="email" name="email" class="form-control" id="login-email" placeholder="{{ 'YOUR_EMAIL' | translate}}" required="" ng-model="abc.data.email" ng-model-options="{debounce: 250}"> 
       </div> 

       <div class="form-group" ng-hide="!advanced"> 
        <label class="control-label" for="login-user">{{ 'USER' | translate}}</label> 
       <input type="text" class="form-control" id="login-user" placeholder="{{ 'USER' | translate}}" ng-model="abc.data.login"> 
       </div> 
       <div class="form-group" ng-hide="!advanced"> 
       <label class="control-label" for="login-password">{{ 'PASSWORD' | translate}}</label> 
       <input type="password" class="form-control" id="login-password" placeholder="{{ 'PASSWORD' | translate}}" ng-model="abc.data.password"> 
       </div> 
      </form>

來源

2017-05-05 Bhumika

控制器，而不是外面請插入值：

angular.module('abcControllers', []) 
.controller('MainController', function($scope) { 
      var username = "123456"; 
      var password = "234567"; 
      $scope.abc.data = {name: username,email: username+"@test.com",login:username,password :password}; 
});

此外，請確保您的控制器與HTML結合。

來源

2017-05-05 12:18:35

感謝答覆，但我看到的角度塊內唯一的變量。沒有任何其他的差異，我是嗎？ – Bhumika

是的，沒有更多的變化。 –

好吧，我有類似的問題，我想從URL設置變量，我可以獲取變量值作爲GET和一旦值得到然後要執行點擊事件 –

嘗試使這種變化

$scope.abc = {}; 
    $scope.abc.data = {name:username, //data of undefined solved 
     email:username+"@test.com", 
     login:username, 
     password :password};

來源

2017-05-05 12:32:19

Angularjs設置靜態變量

回答

相關問題