Angularjs的ng-click不起作用

Angularjs ng-click not working

本文关键字：不起作用 ng-click Angularjs      更新时间：2023-09-26

我试图更新一些数据时，地图按钮被点击，但ng-click功能似乎不起作用。下面是我的代码。

<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()"，它不传递任何参数，

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";
    };
  }
]);

相关文章：