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

標籤：inf   mvc   moc   one   roc   open   ctr   pre   title   

程式使用者互動，使用者使用mouse點擊，這是一個普通的功能。

在angularjs的銨鈕點擊命令是ng-click。

建立Angularjs的app使用前一篇《ASP.NET MVC下使用AngularJs語言(一)：Hello your name》http://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事件