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

Posted Insus.NET

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ASP.NET MVC下使用AngularJs语言:ng-click事件相关的知识,希望对你有一定的参考价值。

程序用户交互,用户使用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事件的主要内容,如果未能解决你的问题,请参考以下文章

如何在 ASP.NET MVC 中集成 AngularJS

ASP.NET MVC 和 Angularjs 与 ASP.NET MVC 和 Reactjs

在ASP.NET MVC部署AngularJs

AngularJS2 + ASP.NET MVC项目

AngularJS + ASP.NET Web API + ASP.NET MVC 身份验证

ASP.NET MVC和EF集成AngularJS开发