Question

尝试将表单输入到我的控制器中，以便我可以在API调用中传递它们。

我有这样的表格：

<ion-content class="has-subheader">
    <form ng-submit="storeProject()">
        <div class="list">
            <label class="item item-input">
                <span class="input-label">Title</span>
                <input type="text" ng-model="projectData.title">
            </label>
            <label class="item">
                <button class="button button-block button-positive" type="submit">Create Project</button>
            </label>
        </div>
    </form>
</ion-content>

然后我有这个控制器：

.controller('ProjectCtrl', function($scope, $auth, $http, $ionicPopup, $rootScope) {

    $scope.projectData = {};

    $scope.storeProject = function(projectData) {

        console.log("add project: ", $scope.projectData);

    };
})

这在我的app.js中：

.state('app.new_project', {
    url: '/projects/new',
    data: {
        permissions: {
            except: ['anonymous'],
            redirectTo: 'app.auth'
        }
    },
    views: {
        'menuContent': {
            templateUrl: 'templates/new_project.html',
            controller: 'ProjectCtrl'
        }
    }
});

我的API工作得很好，但只需要能够从表单中获取我的值。

需要能够做projectData.title等。

我总是在日志中定义未定义。

Answer 1

替换

$scope.storeProject = function(projectData) {

通过

$scope.storeProject = function() {

或替换

ng-submit="storeProject()"

通过

ng-submit="storeProject(projectData)"

那就是说，我不知道你发布的代码如何记录未定义。我的猜测是你的实际代码是

console.log("add project: ", projectData);

将数据发布到我的控制器以进行API调用 - 离子

1 个答案: