Javascript ng模型的事件计数始终为11_Javascript_Angularjs

Javascript ng模型的事件计数始终为11

javascript angularjs

Javascript ng模型的事件计数始终为11,javascript,angularjs,Javascript,Angularjs,我已经创建了所有Angular Js事件的示例。第一次加载页面时，模型文本框的值显示为11。我想知道为什么它的默认值是11 <input ng-blur="blur=blur+1" /> Blur Events : {{blur}}<br/> <input ng-click="click=click+1" /> Click Events : {{click}}<br/>

我已经创建了所有Angular Js事件的示例。第一次加载页面时，模型文本框的值显示为11。我想知道为什么它的默认值是11

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

我的HTML如下所示：点击事件示例

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

是因为

模型

是一个

指令

（

ng模型

），并且它正在计算所有其他事件指令吗

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

我已经尝试将

model

更改为

model1

和其他值，但我始终得到默认值11

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

谁能告诉我为什么

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

编辑

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

我能找到的最近的地方是

        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

但是我无法使它工作。

我认为这是因为Angular将变量视为

字符串而不是整数
        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

console.log(1 + "1") // => 11
console.log("1" + "1") // => 11
console.log(1 + 1) // => 2

您应该使用parseInt（）
方法：
        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

console.log(parseInt("1") + 1) // => 2

这是因为您的代码中有11个ng
-指令。当其他人更新时，ng模型每次都会更新。
你的例子太糟糕了
        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>

见修正案
        <input ng-blur="blur=blur+1" />
        Blur Events : {{blur}}<br/>

        <input ng-click="click=click+1" />
        Click Events : {{click}}<br/>

        <input ng-dblclick="dblclick=dblclick+1" />
        Double click Events : {{dblclick}}<br/>

        <input ng-copy="copy=copy+1" />
        Copy Events : {{copy}}<br/>

        <input ng-paste="paste=paste+1" />
        Paste Events : {{paste}}<br/>

        <input ng-cut="cut=cut+1" />
        Cut Events : {{cut}}<br/>

        <input ng-focus="focus=focus+1" />
        Focus Events : {{focus}}<br/>

        <input ng-model="model1=model1+1" />
        Model Events : {{model1}}<br/>

        <input ng-change="change=change+1" />
        Change Events : {{change}}<br/>

        <input ng-keydown="keydown($event)" />
        Keydown Events : {{kdkey}}<br/>

        <input ng-mouseenter="mouseenter=mouseenter+1" />
        Mouseenter Events : {{mouseenter}}<br/>

        <input ng-mouseleave="mouseleave=mouseleave+1" />
        Mouseleave Events : {{mouseleave}}<br/>

    </div>
</body>

</html>


angular.module（'MyApp5'，[]）
.controller（'eventCtrl'，函数（$scope）{
$scope.blur=0；
$scope.click=0；
$scope.dblclick=0；
$scope.copy=0；
$scope.paste=0；
$scope.cut=0；
$scope.model=0；
$scope.change=0；
$scope.mouseenter=0；
$scope.mouseleave=0；
$scope.keydown=函数（e）{
$scope.kdkey=String.fromCharCode（e.keyCode）；
};
});

模糊事件：{{Blur}


单击事件：{{Click}


双击事件：{{dblclick}}


复制事件：{{Copy}


粘贴事件：{{Paste}}


剪切事件：{{Cut}


焦点事件：{{Focus}


模型事件：{{model1}}


更改事件：{{Change}


Keydown事件：{{kdkey}}


Mouseenter事件：{{Mouseenter}}


Mouseleave事件：{{Mouseleave}}


这不起作用
。因为ng model
不是事件。您能否通过复制此问题来添加plunkr/fiddle？我建议您查看开发人员工具（控制台）的开发。它显示了重要信息。感谢您的及时回复。您是否有任何链接或资源来确认这一点？但为什么它不适用于其他事件计数？