javascript - Angularjs ng-click 不工作

标签 javascript angularjs angularjs-ng-click

我试图在单击 map 按钮时更新一些数据,但 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>

当我点击 map 按钮时,没有任何反应。也没有显示错误。非常感谢对此的任何帮助。提前致谢

最佳答案

根据您的观点 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";
    };

  }
]);

DEMO

关于javascript - Angularjs ng-click 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39722034/

相关文章:

javascript - 如何将 Google Dart 与 Firebase 简单登录一起使用(函数内传递函数)

javascript - 如何检查输入字段的文本是 "yes"还是 "no"?

angularjs - AngularJS Controller 中的函数未被调用

javascript - JS在特定索引处插入数组

javascript - Number() 和 Number().valueOf() 之间有区别吗

javascript - 在 IE8 中按 Enter 键意外触发 ng-click

javascript - 路由在 Angular 和 Nodejs 应用程序中不起作用

javascript - 为什么 ng-click 不起作用?

javascript - Uncaught Error : No module: ui. 指令

javascript - 嵌套 View 中的 Angular ui-router 变量