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>

答

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

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

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

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

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

答

尝试使这种变化

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

Angularjs设置静态变量

相关推荐