AngularJS 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

指令:ng-click


AngularJS也有自己的HTML事件指令,比如说通过ng-click定义一个AngularJS单击事件。

对按钮、链接等,我们都可以用ng-click指令属性来实现绑定,如下简单示例:

<div ng-app="" ng-init="click=false">
    <button ng-click="click= !click">隐藏/显示</button>
    <div ng-hide="click">
        请输入一个名字:<input type="text" ng-model="name" />
        Hello <span ng-bind="name"></span> 
    </div>
</div>

PS:ng-hide="true",设置HTML元素不可见。

ng-click指令将DOM元素的鼠标点击事件(即mousedown)绑定到一个方法上,当浏览器在该DOM元素上鼠标触发点击事件时,Angular就会调用相应的方法,是不是很简单方便呢!