个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-11-28 19:40:41 26 4
gpt4 key购买 nike

我们使用 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/

26 4 0
文章推荐： python - 在 django 模板中显示包含 html 标签的字段，如普通 html 标签
文章推荐： python - 为什么 Python 中不允许使用 0 填充？
文章推荐： Python - getattr 和连接
文章推荐： ios - 如何为forControlEvents 放置多个控制事件？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com