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

2018-06-22 06:19:14来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

程序用户交互,用户使用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

 

运行演示:

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:MVC涉及RouteTable自定义路径

下一篇:Asp.net MVC中的ViewData与ViewBag