使用角度时奇怪的标记/绑定行为

时间:2014-07-21 02:45:09

标签: javascript html angularjs

这不是一个重大问题,但我从来没有见过我要描述的行为,我想如果一群人能帮助我理解它,那就是你们。基本上,当我在标题中放置一个按钮时,我的数据-ng-click没有触发。当我再次写出同一行时,点击工作正常。我的问题基本上是,我错过了导致我的问题的代码吗?我将按照我刚刚执行的步骤进行排查;

我有一个页面,看起来像;

<div data-ng-app="myApp" data-ng-controller="myController">

    <h1>Title<button type="button" class="btn btn-primary pull-right" data-ng-click="showMe()">Click Me</button></h1>

我单击按钮,我的控制器中$ scope中定义的showMe函数没有像我预期的那样提醒。所以,我修改了我的代码;

<div data-ng-app="myApp" data-ng-controller="myController">
     <a href="#" data-ng-click="showMe()">Click Me</a>
    <h1>Title<button type="button" class="btn btn-primary pull-right" data-ng-click="showMe()">Click Me</button></h1>

警报显示。所以,我想知道这是否与我在标题中放置按钮导致某些问题无关。

<div data-ng-app="myApp" data-ng-controller="myController">

    <div class="row">
    <h1>Title</h1>
     <button type="button" class="btn btn-primary pull-right" data-ng-click="showMe()">Click Me</button>
    </div>

没有任何作用。所以,我决定再次在现有按钮上方输入相同的按钮,看看是否有特定元素导致问题。我开始使用带有data-ng-click的按钮。警报火灾。我一直在添加东西,直到我

    <button type="button" class="btn btn-primary pull-right" data-ng-click="showMe()">Click Me</button>
    <button type="button" class="btn btn-primary pull-right" data-ng-cliok="showMe()">Click me</button>

新按钮有效。所以,我删除了新按钮,旧按钮不起作用。我删除旧按钮,新按钮工作。我在文本编辑器中打开文件并显示所有字符,没有任何异常,它不是任何复制和粘贴错误的结果。

我显然会留下新的按钮,但如果我可以解释,那么我想尝试一个。

1 个答案:

答案 0 :(得分:0)

所以,pixelbits指出了我的问题。在我的显示器上,我在编辑器中使用的字体在单击单击中的c和o之间几乎没有区别。虽然我相信自己已多次读过这条线,但直到我回头看看寻找那个特定问题的线路时才意识到我完全忽略了它。

谢谢pixelbits,谢谢你们花时间去看看。