js调用angular事件

最新推荐文章于 2025-08-14 17:31:00 发布

转载最新推荐文章于 2025-08-14 17:31:00 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zhangyafei/blog/908303

文章标签：

#javascript #python #ViewUI

本文通过一个简单的示例展示了如何使用AngularJS实现页面元素的动态显示与隐藏功能。该示例中定义了一个名为'myApp'的Angular模块，并创建了'firstCtrl'控制器来控制一个按钮的显示与隐藏。当按钮被点击时，会触发一个警告框显示参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<div id="clickId" ng-app="myApp" ng-controller="firstCtrl">
    <a ng-if="show" onclick="hideHtml()">click</a>
</div>
<script src="http://cdn.bootcss.com/angular.js/1.5.6/angular.min.js"></script>
<script>
    angular.module('myApp', []).controller('firstCtrl', function ($scope, $timeout) {

        $timeout(function () {
            $scope.show = true
        })

        $scope.hideHtml = function () {
            alert(arguments[0])
        }
    })

    function hideHtml() {
        angular.element(document.getElementById('clickId')).scope().hideHtml('123')
    }
</script>

转载于:https://my.oschina.net/zhangyafei/blog/908303