簡體   English   中英

angularjs JavaScript繼承,無法將數據從視圖綁定到控制器

[英]angularjs JavaScript inheritance, fail to bind data from view to a controller

試圖做的是從表單中獲取數據,並在HTTP調用中在我的控制器中使用它,但是它不起作用

我知道我可能對范圍的繼承有疑問,但可以解決。 這是我的控制器代碼:

.controller('SignUpCtrl', function($scope, $http, $state) {  
 $scope.submit = function() {

   var url = 'http://localhost:3000/register';
   var user = {
        email: $scope.email,
        password: $scope.password,
      };
     console.log($scope.user);
   $http.post(url, user)
     .success(function(res){
        console.log('You are now Registered');
        //$state.go('app.items');
    })
     .error(function(err){
        console.log('Could not register');
         //  $state.go('error');
    });

  };

})

這是我的模板的代碼:

   <form name="register">
        <div class="list">
            <label class="item item-input no-border">
                <input name="fullname" type="text" ng-model="fullname" placeholder="Full Name" required="">
            </label>
            <label class="item item-input">
                <input name="email" type="email" ng-model="user.email" placeholder="Email" required="">
            </label>
            <p class="blue-font" ng-show="register.email.$dirty && register.email.$invalid">Please Write valid Email.</p>
            <label class="item item-input">
                <input name="password" type="password" ng-model="user.password" placeholder="Password" required="">
            </label>
            <button ng-click="submit();" ng-disabled="register.$invalid" type="submit" class="button signup-btn sharb-border white-font blue-bg-alt border-blue-alt ">
                Sign Up
            </button>
        </div>
    </form>

注意:我嘗試了ng-submit,這並不是問題所在

控制器內部。

    .controller('SignUpCtrl', function($scope, $http, $state) {
      $scope.user = {
        email: '',
        password: ''
      };
      $scope.submit = function() {

和這個

    var user = {
      email: $scope.user.email,
      password: $scope.user.password
    };

也放下; ng-click

    <button ng-click="submit()" ...>

嘗試使用rootScope( docs.angularjs.org/$rootScope“ )。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM