摘要:
要求是这样子的,在一个列表页中,用户点击详细铵钮,带记录的主键值至另一页。在另一外页中,获取记录数据,然后显示此记录数据在网页上。先用动图演示: 昨天有分享为ng-click传递参数 《angularjs为ng-click事件传递参数》http://www.cnblogs.com/insus/p/7 阅读全文
摘要:
在angularjs开发中,我们需要为ng-click事件传递一个参数。 在js中,可以接到参数: 演示: 阅读全文
摘要:
在angularjs中,想在文本框中,验证用户输入的字符串是否为日期时间。刚开始时,Insus.NET想到的是正则,这只是验证到日期与时间的格式是否正确而已,而对于2月最后一天或是30或是31号,还是无能为力。 因此,Insus.NET想使用angularjs的自定义指令来验证解决此问题。在ASP. 阅读全文
摘要:
可以编写angularjs的自定义指令来实现验证文本框填入的数值是来为小数。 airExpressApp.directive('validateDecimalCharacters', function () { var REQUIRED_PATTERNS = [ /^-?[0-9]\d*(\.\d+ 阅读全文
摘要:
前几天Insus.NET有写过一篇《angularjs自定义指令Directive》http://www.cnblogs.com/insus/p/6908815.html 仅是在程序中指定某些来值来匹配。为你的数据表准备一个存储过程: 判断是否已经存在此值。只需写SELECT语句。如果没有记录返回, 阅读全文
摘要:
今天学习angularjs自定义指令Directive。Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号"Admin"。在网页上放一个文本框和一个铵钮: <form id="form1" name="form1" ng-ap 阅读全文
摘要:
这次,学习angularjs的表单的验证,angularjs提供上表几种状态验证: 另外,AngularJS内置的验证器: 下面Insus.NET分别举个例子进行实践与说明: 第一种情形,文本框必须填写,还要求字符串的最小长度和最大长度。 第二种情形,必填字段,使用type=number来限制输入字 阅读全文
摘要:
今天学习angularjs向数据库添加数据。学习此篇,得从以往几篇开始,因为那还有创建数据表等演示。现在来创建一个添加的存储过程: SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE PROCEDURE [dbo].[usp_Goods_I 阅读全文
摘要:
我们想在一个文本框输入一些文字,然后点击铵钮,alert()出来。 <div ng-app="alertApp" ng-controller="alertController"> <div> <label>Name:</label> <input type="text" ng-model="Name 阅读全文
摘要:
一,页面上有一个checkbox和一个文本框。切换checkbox能对文本框输入文本与否: <input type="checkbox" ng-model="ckSwitch" /> <input id="Text1" type="text" ng-disabled="!ckSwitch" ng-m 阅读全文
摘要:
练习使用angularjs实现一个select下拉列表: <div ng-app="selectApp" ng-controller="selectController"> <select ng-model="mySelect" ng-options="sd for sd in selectData 阅读全文
摘要:
在程序设计过程,我们需要把某一元素或是或一块进行显示与隐藏。如你正使用angularjs的话,就可以使用ng-show或者ng-hide来进行控制。 var showhideApp = angular.module('showhideApp', []); 定义控制器,其中编写2个铵钮的事件: sho 阅读全文
摘要:
angular的click事件ng-click。实现一个小功能计数器,用户可以点击“+”或“-”铵钮,数值每随点击铵钮增长1或减1。使用ng-init设置初始值为0。 <div ng-app="" ng-init="Count = 0"> <button ng-click="Count = Coun 阅读全文
摘要:
Angularjs实现自由度很高。比如ng-repeat可以以包含的文件中实现数据循环。如: 当我们把这html文件被ng-include包含时,它完全能正常呈现对应的数据: 创建应用app: 创建Controller: Ok,现在ASP.NET MVC的视图使用ng-include外含html文档 阅读全文
摘要:
在ASP.NET MVC环境中,使用jQuery脚本去实现加载html网页。一般情况之下,在ASP.NET MVC项目中,你不能在~/Views目录之下添加或是创建任何html为后缀的网页。但这也不是绝对。因此下面的例子,Insus.NET会在项目中创建另一个目录来存储html网页。 下面想在一个视 阅读全文
摘要:
在angularjs中,我们可以自定义自己的service。可以说得是自定义的方法,函数。下面我们一步一步来演示吧:首先为angularjs定义一个app: var demoApp = angular.module('demoApp', []); demoApp名称即是我们定义好的app。下面是本篇 阅读全文
摘要:
ng-init指令初始化应用程序数据。如果我们想给文本框一个初化的值: <div ng-app="" ng-init="Name='Leo'"> <div> <input id="Text1" type="text" ng-model="Name" /> </div> <div> Text box 阅读全文
摘要:
想在angularjs动态加载一个内容,我们可以使用ng-include来实现。今天Insus.NET就在ASP.NET MVC环境中,举个例子来演示它的功能。你可以在一个视图动态加载任一其它视图。如果你的动态内容有很多部件,你得需要在控制器创建相应的Action操作,如使用部分Partial vi 阅读全文
摘要:
把部分视图转换为html字符串,你可以参考下面的方法: public static string RenderPartialViewToString(Controller controller, string viewName, object model) { controller.ViewData 阅读全文
摘要:
angularjs的内置API函数有很多,如isString()判断给定的对象是否为字符串,如果是返回 true,反之返回false;isNumber()判断给定的对象是否为数字,如果是返回 true,反之返回false;uppercase()转换字符串为大写;lowercase()转换字符串为小写 阅读全文