随笔分类 - ASP.NET
摘要：这次，学习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
阅读全文
摘要：练习使用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文档
阅读全文
摘要：在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
阅读全文
摘要：AngularJs自带有很多过滤器，现在Insus.NET演示一个自定义的过滤器，如实现一个数据的平方。本演示是在ASP.NET MVC环境中进行。创建一个app: 创建一个控制器： 接下来是重点，创建一个过滤器，例子中的过滤器是实现一个数值的平方。 以上的所指的App,控制器和过滤器均是依Angu
阅读全文
摘要：在ASP.NET MVC使用切片脚本，实在是很溜。在使用layout之后，只是视图套用_Layout之后，在视图中任一位置任一时候均可以使用切片脚本。首先在_Layout.cshtml定一些规则： 上图中#2标记中，引用jquery库。#3标记是定义渲染切片。OK，在视图中就可以写javascrip
阅读全文
摘要：创建一个ASP.NET MVC项目。打开NuGet管理，安装angularjs： 在App_Start目录下，Bundle刚刚安装的angularjs库：在Global.asax.cs的Application_Start()方法，添加bundler。让程序启动时，即加载angularjs。 部署完成
阅读全文
摘要：在AngularJs也有带有MVC模式。此时你完全可以把html的js中的Controller写到一个外部的js文件中。Ok,在ASP.NET MVC项目，打开Content目录，创建一个新文件夹AngularJs目录，专门是用来存放AngularJs相关的js文件。再在此目录下创建Controll
阅读全文
摘要：AngularJs可以创建自定义的service。下面的自定义service实现一个double倍数的服务：参考下面语法： app.service('double', function () { this.dubfun = function (x) { return x * 2; } }); 完整的
阅读全文
摘要：哈哈，昨天下午和今天早上，花上一些时间，学习AngularJs，仅是粗略预览一下。很好，非常好。由于手上有开发ASP.NET MVC环境，就在这测试下，去数据库获取数据并显示数据。数据库表创建，添加数据，创建存储过程等，在此略过...创建model: 创建一个Entity: 创建控制器： ok，一切
阅读全文
摘要：ASP.NET MVC动态加载数据，一般的做法是使用$.each方法来循环产生tabel:你可以在html时先写下非动态的部分： <table> <tr> <th style="width:10px;"><input id="SelectAll" type="checkbox" /></th> <t
阅读全文
摘要：今天在论坛上看到一个问题，这个问题大概是这样的，读取文本文件中指定的几列，并存储入数据库中。Insus.NET花上些少时间，实现读取文本的功能部分。创建一个文本文件，文本添加好几行。每一行有好几列，列与列之间使用逗号分隔。 你如果也想使用这些文本来演示，可以拷贝并存储为.txt文件。接下来可以实现了
阅读全文
摘要：先来看看下面实时效果演示： 用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行。编辑铵钮状态恢复。更新与删除铵钮功能没有什么特别的。 在ASP.NET MVC视图html代码如下，普通的表格table，普通的h
阅读全文
摘要：在很久之前，Insus.NET刚学习前端时，有写过《动态创建一些常的html标签》http://www.cnblogs.com/insus/p/3741665.html 但其中没有实现动态产生select option下拉列表。在jQuery环境之下使用创建jQuery对象来实现动态产生，那是很方便
阅读全文