AngularJS伍模型從形式

沒有數據

<form class="" ng-submit="submit()" ng-controller="MailingListController"> 
     <input class="form-element large" placeholder="Email address" ng-model="emailaddress"> 
     <input class="form-submit button large bkg-charcoal bkg-hover-pink color-white color-hover-white" type="submit" id="submit" value="Submit"> 

</form>

AngularJS伍模型從形式

<script> 
    angular.module('ComingSoon', []) 
     .controller('MailingListController', ['$scope', function($scope) { 
     console.log("Working"); 
     $scope.submit = function() { 
      console.log($scope.emailaddress); 
     }; 
     }]); 
</script>

我試圖提交此表單和日誌正顯示出有什麼$ scope.emailaddress內。我遵循了角度網站的文檔，但它仍然無法正常工作。我在哪裏做錯了？

來源

2016-02-29 Eneres

似乎實際工作，在這裏看到：https://jsbin.com/tawero/edit?js，控制檯，輸出 – Dario

工作正常嗎？ [DEMO]（http://plnkr.co/edit/fC1l5cekyTrZXlX5XkMt?p=preview） –

您在其他代碼部分遇到問題 – C2486

控制器綁定到視圖可能會出錯。你可以看看這裏在以下plnkr

HTML： -

<!DOCTYPE html> 
<html ng-app="ComingSoon"> 

<head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 
    <script src="script.js"></script> 
</head> 



<body ng-controller="MailingListController"> 

    <form class="" ng-submit="submit()"> 
    <input class="form-element large" placeholder="Email address" ng-model="emailaddress"> 
    <input class="form-submit button large bkg-charcoal bkg-hover-pink color-white color-hover-white" type="submit" id="submit" value="Submit"> 

    </form> 


</body> 


</html>

控制器： -

angular.module('ComingSoon', []) 
     .controller('MailingListController', ['$scope', function($scope) { 
     console.log("Working"); 
     $scope.submit = function() { 
      console.log($scope.emailaddress); 
     }; 
     }]);

檢查你安慰，而這樣做！

https://plnkr.co/edit/B7aJhGKhXin1tsldljpz?p=preview

來源

2016-02-29 09:15:13 Prasad

喜它爲我工作

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title></title> 
 
\t <meta charset="utf-8" /> 
 
    <script src="Scripts/angular.js"></script> 
 
    <script> 
 
    angular.module('ComingSoon', []) 
 
     .controller('MailingListController', ['$scope', function ($scope) { 
 
      console.log("Working"); 
 
      $scope.submit = function() { 
 
       console.log($scope.emailaddress); 
 
      }; 
 
     }]); 
 
    </script> 
 
</head> 
 
<body ng-app="ComingSoon"> 
 
    <form class="" ng-submit="submit()" ng-controller="MailingListController"> 
 
     <input class="form-element large" placeholder="Email address" ng-model="emailaddress"> 
 
     <input class="form-submit button large bkg-charcoal bkg-hover-pink color-white color-hover-white" type="submit" id="submit" value="Submit"> 
 
    </form> 
 
</body> 
 
</html>

來源

2016-02-29 09:21:39 user3606585

這已發佈爲評論，並附有工作演示 –

AngularJS伍模型從形式

回答

相關問題