2017-05-05 268 views
0

要学习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> 

回答

0

控制器,而不是外面请插入值:

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结合。

+0

感谢答复,但我看到的角度块内唯一的变量。 没有任何其他的差异,我是吗? – Bhumika

+0

是的,没有更多的变化。 –

+0

好吧,我有类似的问题,我想从URL设置变量,我可以获取变量值作为GET和一旦值得到然后要执行点击事件 –

0

尝试使这种变化

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