2016-05-30 9 views
-1

ユーザーがボタンをクリックした後、push()を使用してデータを追加する方法を質問します。誰か助けてくれますか?anglejsのpush()を使用してデータを追加する方法

function myCtrl($scope){ 
$scope form ={companyName :"company1",companyAddress:"company address",staff[{name:"men",id:"123"}]} 
function myCtrl($scope){ 
enter code here 
$scope.addDetail=function(){ 
$scope.form.push({companyName:$scope.comName,companyAddress:$scope.comAddress, staff.name:$scope.nameStaff, staff.id: $scope.idStaff}); 
}} 

<input type="text" ng-model="comName" /> 
<input type="text" ng-model="comAddress" /> 
<input type="text" ng-model="nameStaff" /> 
<input type="text" ng-model="idStaff" /> 
<button ng-click=addDetail()>add<button> 
+2

があなたのボタンのHTMLにこのディレクティブを追加見てくださいそれはこのようになります。 ng-click = "addDetail()"これにより、スコープオブジェクトで定義されたaddDetail関数が呼び出されます。 – user2263572

+0

$ scope.form.push(******); //私はこのコードを適用する方法を知っていません }} –

+0

何を押しますか?期待される結果がコードに関連して何をしようとしているのか正確に説明されていません。 '$ scope.form'はオブジェクトで、' push() 'は配列メソッドです。オブジェクトにはプッシュメソッドがありません – charlietfl

答えて

0

formアレイ(アレイpush方法を有している)であるべきです。

HTML::

<div ng-controller="MyCtrl"> 
    <input type="text" data-ng-model="comName" /> 
    <input type="text" ng-model="comAddress" /> 
    <input type="text" ng-model="nameStaff" /> 
    <input type="text" ng-model="idStaff" /> 
    <button ng-click=addDetail()>add 
    </button> 
</div> 

JS:

var myApp = angular.module('myApp', []); 

function MyCtrl($scope) { 

    $scope.form = [{ 
    companyName: "company1", 
    companyAddress: "company address", 
    staff: [{ 
     name: "men", 
     id: "123" 
    }] 
    }] 

    $scope.addDetail = function() { 
    $scope.form.push({ 
     companyName: $scope.comName, 
     companyAddress: $scope.comAddress, 
     staff: [{ 
     name: $scope.nameStaff, 
     id: $scope.idStaff 
     }] 
    }); 
    } 

} 

http://jsfiddle.net/royscn4j/

関連する問題