ASP.NET MVC下使用AngularJs语言(二):ng-click…
2018-06-22 06:19:14来源:未知 阅读 ()
程序用户交互,用户使用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~~"; } }] );
创建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>
运行演示:
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
- Asp.net MVC SignalR来做实时Web聊天实例代码 2020-03-29
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- Asp.Net中WebForm的生命周期 2020-03-29
- ASP.NET使用Ajax返回Json对象的方法 2020-03-23
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash