码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-03-07 19:07:21      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:inf   mvc   moc   one   roc   open   ctr   pre   title   

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

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

创建Angularjs的app使用前一篇《ASP.NET MVC下使用AngularJs语言(一):Hello your namehttp://www.cnblogs.com/insus/p/8520555.html 的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

 

运行演示:
技术分享图片

 

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

标签:inf   mvc   moc   one   roc   open   ctr   pre   title   

原文地址:https://www.cnblogs.com/insus/p/8523463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!