Leaking logic in controllers is not an option, filters are a way to refactor your code and are compatible with ng-if and ng-show. <div ng-if="main.currentUser | user:'isAdmin'"> Admin div </div> <div ng-if="main.currentUser |…
There are situations where you might want to add additional methods toangular.module. This is easy to accomplish, and can be a handy technique. //For directive template <hello></hello> //For directive controller <li menu-item ng-repeat=&quo…
ng-hide and ng-show directives are used to control the visibility of the HTML elements. Let us understand this with an example When Hide Salary checkbox is checked, the Salary column should be hidden. When it is unchecked the Salary column should be…
由于写了大半年的项目终于要告一段落并且即将进行第二阶段优化开发,emmm 基础版本已经二十多个模块了,必不可少的优化是很重要的,尽管项目上使用多层嵌套懒加载,但是在首屏加载的时候,任然很慢啊,因为一直没有做严格编译,现在要编译啊,有点晚了,发现一堆报错,然后要一个坑一个坑慢慢踩过去了,今天做了试验,关于三种编译模式下的最终效果的对比,仅仅只是一个结果报告,至于原理这里先不做说明了. 三种编译下的文件输出  三种文件模拟服务请求的请求时间对比 ng build --prod --build--op…
起步 创建一个angular库 ng new demo --create-application=false ng g library my-lib 可见如下目录结构 ├── node_modules/ ├── projects │ └── my-lib │ ├── src │ │ ├── lib │ │ ├── public-api.ts │ │ └── test.ts │ ├── karma.conf.js │ ├── ng-package.json │ ├── package.json │…
http://www.startersquad.com/blog/AngularJS-requirejs/ While delivering software projects for startups, we’ve come to love angularjs. We’ve also come to struggle with clean modularity, both the parts that Angular does really well, and the parts that a…
这里用到AngularJS四大特性之二----双向数据绑定 注意:没写一行DOM代码!这就是ng的优点,bootstrap.css为了布局,JS代码也只是简单创建ng模块和ng控制器 效果: <!DOCTYPE html> <html lang="en" ng-app="myModule5"><!--3.ng-app="myModule5"启动ng并调用模块--> <head> <meta c…
一.引言 上一篇博文已经向大家介绍了AngularJS核心的一些知识点,在这篇博文将介绍如何把AngularJs应用到实际项目中.本篇博文将使用AngularJS来打造一个简易的权限管理系统.下面不多说,直接进入主题. 二.整体架构设计介绍 首先看下整个项目的架构设计图: 从上图可以看出整个项目的一个整体结构,接下来,我来详细介绍了项目的整体架构: 采用Asp.net Web API来实现REST 服务.这样的实现方式,已达到后端服务的公用.分别部署和更好地扩展.Web层依赖应用服务接口,并且使…
目录 什么是AngularJS? 为什么使用/ng特性 Hello World 内置指令 内置过滤器 模块化开发 一年前开始使用AngularJS(以后简称ng),如今ng已经出2了.虽说2已完全变样,但是1.x还是足够优秀. 什么是AngularJS? ng是一个js框架,目前最新版本为1.5.8. 官网:https://angularjs.org/ 下载: Install-Package AngularJS.Core npm install angular@1.5.8 为什么使用/ng特性…
目录 前言 Angularjs名词与概念 Angularjs 基本功能演示 系统业务与实现 WebAPI项目主体结构 Angularjs 前端主体结构 6 Angularjs 前端主体结构 6.1 Angularjs目录结构 还记得 上WebAPI项目主体结构(三) 我们在"Yiim.web",添加的"App" 目录吗? 这一章节我们讲解一下 angularjs 目录结构. App/images //存放系统使用的图标 App/styles //样式文件存储 App…