0

私はこのhtmlマークアップを持っています:

<div data-ng-controller="VehicleProfileController">

<modal title="Add Vehicle Info" visible="showVehicleInfo">
    <div class="container">
        <div class="col-xs-4">
            <div class="row">
                Title <input type="text" ng-model="NewVMPTitle" class="form-control"/>
                Miles <input type="text" ng-model="NewVMPMiles" class="form-control"/>
            </div>
            <div class="row">
                <button ng-click="addVehicleData()" class="btn btn-success pull-right">Save</button>
            </div>
        </div>
    </div>
</modal>

</div>

次に、コントローラーにこれがあります：

$scope.addVehicleData = function () {
            alert($scope.NewVMPTitle + ' ' + $scope.NewVMPMiles);
        };

NEWVMPTitle と NewVPMMiles の両方が空です。何か不足していますか?

4

1 に答える 1

3

スコープを使用して ng-model から値を取得するのではなく、ng-model を使用してパラメーターをコントローラーに解析する方が良いと思います

Title <input type="text" ng-model="item.title" class="form-control"/>
Miles <input type="text" ng-model="item.miles" class="form-control"/>

<button ng-click="addVehicleData(item)" class="btn btn-success pull-right">Save</button>

これはjs用です

$scope.addVehicleData = function (item) {
    alert(item.title + ' ' + item.miles);
};
于 2015-12-07T17:05:30.980 に答える