2016-09-27 13 views
1

マップボタンがクリックされたときにデータを更新しようとしていますが、ng-click機能が機能していないようです。以下は私のコードです。Angularjsクリックが機能しない

<textarea id="xmltest" class="form-control" style="margin-top:2%; width: 60%;" rows="10" > 
Resulting definition:<![CDATA[<?xml version='1.0' encoding='UTF-8'?> 
<ColumnMapping> 
    {{result}} 
    <mapping targetIndex='0' sourceIndex='0' dataType='String' businessKey='1' alias='Practice'/> 
    <mapping targetIndex='1' sourceIndex='1' dataType='String' businessKey='0' alias='Client_Name'/> 
</ColumnMapping> 
]]> 
</textarea> 

<a style="margin-top: 10%;margin-right: -70%" href="#" class="btn btn-primary" ng-click="mapFields()" id="MappingFields">Map</a> 

<script type="text/javascript"> 
    mapFields = function($scope){ 
    $scope.result= "Code works"; 
    }; 
</script> 
</body> 

マップボタンをクリックしても何も起こりません。エラーも表示されません。これに関する助けは大いに感謝しています。それは任意の引数を渡すことはありませんng-click="mapFields()"おかげで、事前に

+0

ここで 'ng-click = "mapFields()" '関数? – Sathish

+1

あなたはコードをもっとあいまいで混乱させます –

+0

引数として渡す$スコープはどうですか? –

答えて

7

はあなたのビューによると、

HTML:

<body ng-controller="dobController"> 
    <button ng-click="mapFields()">show result </button> 
    {{result}} 
    </body> 

ので、あなたの関数は

var app = angular.module('todoApp', []) 
app.controller("dobController", ["$scope", 
    function($scope) { 
    $scope.mapFields = function() { 
     $scope.result = "Code works"; 
    }; 

    } 
]); 

DEMO

する必要があります
+0

who downvoted who関数に?理由? – Sajeetharan

+0

私はdownvotedされていません。コントローラなしではどのようにアクセス可能ですか? – Sathish

+0

@Sajeetharan、私は上記を試しました。しかし、エラーが発生しましたUncaught ReferenceError:$ scopeは定義されていません – vr3w3c9

関連する問題