Angularjs - 点击不点火

Question

$ 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>

Answer 1

问题是,在你的plunker按钮元素有一个额外的-在你的ng-click指令.你无法在你的plunker中看到它,尝试在无格式文本编辑器(如记事本)中复制和粘贴它.你会看到额外的-看起来像这样:

<button class="btn save-cat" id="{{testing}}" ng--­click="doClick()">Save</button>

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

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

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