javascript – Angularjs – ng点击不触发

前端之家收集整理的这篇文章主要介绍了javascript – Angularjs – ng点击不触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
$scope.testing正在添加为按钮Id正确,但点击按钮不触发警报.

参见示例 – http://plnkr.co/edit/RtidzgiUI7ZAMOTu3XHy?p=preview

CONTROLLER

var app = angular.module('StockCategory',[]);

app.controller('stockCategoryController',function($scope) {
  $scope.testing = 'World';

  $scope.saveCategory = function() {

    alert('hello');
  }
});

HTML

<div class="stock-categories" ng-app="StockCategory" ng-controller="stockCategoryController">
    <button class="btn save-cat" id="{{testing}}" ng-­click="saveCategory();">Save</button>
  </div>

解决方法

问题在于,您的广告联盟中的按钮元素有一个额外的ng-click指令.你不能在你的plunker看到它,尝试拷贝和粘贴在一个无格式的文本编辑器,如记事本.你会看到额外的 – 看起来像这样:
<button class="btn save-cat" id="{{testing}}" ng--­click="doClick()">Save</button>

可能的原因可能是因为从html页面复制和粘贴代码到另一个页面,或者从不同的文档格式到html格式.

解决这个问题,只需创建一个具有相同内容的按钮元素,不要复制并粘贴该按钮元素.

在我的DEMO中,您将看到两个具有相同标记的按钮,第一个按钮不起作用,而另一个按钮正常工作.

原文链接:https://www.f2er.com/js/152487.html

猜你在找的JavaScript相关文章