随笔分类 - AngularJS
摘要：AngularJS如何编译和呈现页面？页面加载，首先加载静态DOM，AngularJS随即加载，并寻找在页面的ng-app，然后开始编译所有moudlue内的所有service, controller,directive等，然后搜寻dom中的directive，并创建HTML模板，模板就有了自己的s...
阅读全文
摘要：通常我们这样定义个module并随之定义一个controller.var app = angular.module('myApp', []);app.controller('CustomersController', ['$scope', function($scope){ var count...
阅读全文
摘要：依然chsakell，他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处，但在前端调用API时，把各种调用使用$resouce封装在一个服务中的写法颇有借鉴意义。文章：http://c...
阅读全文
摘要：chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
摘要：chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
摘要：chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
摘要：chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
摘要：本篇整理AngularJS使用OData请求ASP.NET Web API资源的思路。首先给ASP.NET Web API插上OData的翅膀，通过NuGet安装OData.然后，给controller中需要使用OData的Action加上EnableQuery特性，并让Action方法返回IQue...
阅读全文
摘要：ASP.NET Web API如何接受来自AngualrJS的QueryString呢？本篇体验两种方式。第一种方式：http://localhost:49705/api/products?search=GDN这种方式是QueryString原生的格式。首先，把当前的域名和端口号放到一个自定义的mo...
阅读全文
摘要：页面部分大致如下： ... ...productManagement是页面module的名称。页面内容通过ng-include加载productListView.html这个页面。注意：ng-include属性值是字符串'app/products/productListView....
阅读全文
摘要：在页面中由上到下引用了： angular.js angular-route.js 创建model的时候也写明了依赖： var someApp = angular.module('someApp',['ngRoute']); 并且注入并调用$routeProvider这个服务： someApp.config(function($routeProvider){ $rout...
阅读全文
摘要：使用AngularJS动态设置CSS大致有2种思路： 1、通过动态设置class名称 比如先定义2个样式： .show-true{ display:block;} .show-flase{ display:none;} 在某个元素中： Untitled Document hello ...
阅读全文
摘要：实现这样的一个需求：点击某个按钮，然后显示或隐藏某块区域。 先注册一个AngularJS的一个module: var myApp = angular.module("myApp",[]); 为module注册controller： myApp.controller("MyController",['$scope',function($scope){ $scope...
阅读全文
摘要：实现这样的一个需求：页面中某个地方显示某个文本框的值经过计算得到的结果,而且是文本框值每次变化显示的计算结果也跟着动态变化。 在controller中可以声明一个对象，它的一个字段用来存储初始值： $scope.funding = {startingEstimate:0}; 以上，声明了一个funding对象，它的startingEstimate字段用来存储初始值，初始值这里是0....
阅读全文
摘要：本篇体验AngularJS的Hello World，虽然简单，但体现了AnuglarJS的一些重要概念。 大致思路是这样的： ● 通常通过为hmtl元素添加AngularJS独有的属性来实现一些功能，比如ng-app, ng-controller ● 在js中，通常需要注册一个module，然后为module在注册controller等。AngularJS不仅仅有angular.js文...
阅读全文
