Angularjs 如何让爱奥尼亚应用程序用户登录？

我有两个用户名和密码文本框，当每个用户输入数据时，它应该发送给api。我怎样才能使它工作

           <label class="item item-input">
         <span class="input-label">Username</span>
         <input type="text" ng-model="loginData.username">
          </label>
        <label class="item item-input">
           <span class="input-label">Password</span>
          <input type="password" ng-model="loginData.password">
        </label>
          <p style="text-align:center"ng-hide=myflag>wrong credentials</P>
         <label class="item">
         <button class="button button-block button-positive" type="submit">Log in</button>
    </label>

用户名
密码
错误的凭证
登录

您应该通读表单的角度文档。

下面是一个模板+控制器的快速示例

html

文档中没有显示action=功能，而是显示了在submit按钮上的ng单击。两者都很好

编辑： 我打算提到，但忘记了，您应该尝试使用angular服务，而不是在控制器中直接使用$http

<form action="submitLogin()">
    <label class="item item-input">
         <span class="input-label">Username</span>
         <input type="text" ng-model="loginData.username">
          </label>
        <label class="item item-input">
           <span class="input-label">Password</span>
          <input type="password" ng-model="loginData.password">
        </label>
          <p style="text-align:center"ng-hide=myflag>wrong credentials</P>
         <label class="item">
         <button class="button button-block button-positive" type="submit">Log in</button>
    </label>
</form>

var example_app = angular.module("example_app ", []);

example_app.controller("LoginController", ['$scope', '$http', function($scope, $http) {
    $scope.loginData = {};
    $scope.submitLogin= function(){ 
        var res = $http.post('http://login.com/postLogin', loginData);
        res.success(function(data, status, headers, config) {
            $scope.message = data;
            // go to authorized page
        });
        res.error(function(data, status, headers, config) {
            alert( "failure message: " + JSON.stringify({data: data}));
        });     

    };
}]);