Question

为了学习angularjs，我从interent获得了demo，并希望设置一些给定登录名，密码和其他字段的静态值。

我试图让它使用谷歌工作。但不知何故它无法正常工作。那么你会提出一些想法或帮助吗？

它必须像工作一样用户名值将设置为表单字段名称，电子邮件，登录名和密码。一旦设定了价值，然后提交，但它不适合我。

当前代码：

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>

Answer 1

请在控制器中而不是在控制器外插入值：

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绑定。

Answer 2

尝试进行此更改

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

Angularjs设置静态变量

2 个答案: