当前位置： 移动技术网 > IT编程>开发语言>.net > ASP.NET MVC下使用AngularJs语言(二)：ng-click事件

ASP.NET MVC下使用AngularJs语言(二)：ng-click事件

2018年03月08日  | 移动技术网IT编程  | 我要评论

海花岛宣传片,野针王,恶少的恋爱史

程序用户交互，用户使用mouse点击，这是一个普通的功能。

在angularjs的铵钮点击命令是ng-click。

创建Angularjs的app使用前一篇《》 的app。

创建Angularjs的controller:

 

pilotApp.controller('ClickDemoCtrl', ['$http', '$location', '$rootScope', '$scope', 
    function ($http, $location, $rootScope, $scope) {
        $scope.AngularjsButtonClick = function () {
            $scope.ProcessMessage = "The Button clicked, alert message is: Hello~~";
        }
    }]
);
Source Code



创建ASP.NET MVC控制器：


添加ASP.NET MVC视图View：

 

<div ng-app="PilotApp" ng-controller="ClickDemoCtrl">
    <div>
        <input type="button" value="Click" ng-click="AngularjsButtonClick()" />
    </div>
    <div>
        <span ng-bind="ProcessMessage"></span>
    </div>

</div>
Source Code

 

运行演示：

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网