javascript - anchor ng-click 调用 2 个方法

标签 javascript java angularjs

我们使用 Angular 为我们的应用程序执行类似/不同的行为。

html代码

<html>
  <body ng-app="myApp">
    <div ng-controller="newsCntrl" >
      <form ng-submit="post()" name="postForm" id="postForm" >
        <input type="submit" id="submit" value="Submit"/>
      </form> 
      <a href="#" ng-click="likePost(post.id);">Like</a></span>
    </div>
  </body>
</html>

Controller 代码

myApp.controller("newsFeedCtrl", function ($scope, $http) {       
   console.log("inside newsFeedCtrl"); 

  $scope.post() = function() {  
    console.log("posting");
  }
  $scope.likePost = function(postId) { 
    console.log("liking post");
  }

});

问题是当我们点击“赞”时;它还调用了不应发生的 post 函数。

我们在这里遗漏了什么吗?

最佳答案

HTML 中的 Controller 名称不匹配:

  <div ng-controller="newsCntrl" >

以及JS中的 Controller :

  myApp.controller("newsFeedCtrl", function ($scope, $http)

如果我修复它,它似乎可以工作。 检查这个fiddle

关于javascript - anchor ng-click 调用 2 个方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25104400/

相关文章:

javascript - 如何使 &lt;input&gt; 显示 *** 而不是纯文本

javascript - Haskell 调用 Node.js 文件不起作用

java - 如何使用 ANT 构建具有不同 java 版本的 jar

javascript - AngularJS - 在 POST 请求的正文中发送数据

angularjs - 如何在 Angular Controller 中使用当前的URL参数

javascript - 如何禁用 Ext JS 中组合框中的项目?

javascript - 从 SVG 文件调用 JavaScript 函数

java - 在服务器中更改样式后,Android 网页未更新

java - 如何将 Shell 脚本添加为 Java 项目的一部分

javascript - 删除angularjs中的数据库数据