AngularUI

Angular中ui-select的使用 最近工作一直很忙，没有时间整理知识，前几天项目中需要用到angular-ui-select，实现下拉框快速过滤效果，今天有时间研究了一下，终于搞明白了。 一、准备工作 1.安装依赖包 （1）Angular --- V1.4.9 （2）Angular-sanitize --- V1.2.28 （3）Angular-ui-select --- V0.12.1 （4）Bootstrap --- V3.3.6 如果有需要再引入jQuery 注意: Angular-sanitize所依赖的Angular最低版本，Angular-ui-select所依赖的Angular和Angular-sanitize最低版本，只有依赖的版本符合要求，才能实现功能，否则会报错。 如果项目中用到的Angular版本比较低时，请安装低版本的Angular-sanitize和Angular-ui-select，这样，避免低版本不支持的情况。 2.安装方法： 使用npm进行安装 npm install Angular-sanitize@1.2.28 --save -dev @+版本号 表示安装指定版本的包文件，如果不加版本号，默认安装最新的版本。 如： npm install Angular-sanitize --save -dev 如果对npm不了解的话，可以参考

问题： What is the 'Angular way' to set focus on input field in AngularJS? 在AngularJS中将焦点设置在输入字段上的“角度方式”是什么？ More specific requirements: 更具体的要求： When a Modal is opened, set focus on a predefined <input> inside this Modal. 打开 模态后 ，将焦点放在此模态内的预定义 <input> 。 Everytime <input> becomes visible (eg by clicking some button), set focus on it. 每当 <input> 变为可见时（例如，通过单击某些按钮），请将焦点设置在它上面。 I tried to achieve the first requirement with autofocus , but this works only when the Modal is opened for the first time, and only in certain browsers (eg in Firefox it doesn't work). 我试图 通过 autofocus 达到第一个要求

问题： I'm planning to use AngularJS in my big applications. 我打算在我的大型应用程序中使用AngularJS。 So I'm in the process to find out the right modules to use. 所以我正在寻找合适的模块。 What is the difference between ngRoute (angular-route.js) and ui-router (angular-ui-router.js) modules? ngRoute（angular-route.js） 和 ui-router（angular-ui-router.js） 模块有什么 区别 ？ In many articles when ngRoute is used, route is configured with $routeProvider . 在使用 ngRoute的 许多文章中，使用 $ routeProvider 配置路由。 However, when used with ui-router , route is configured with $stateProvider and $urlRouterProvider . 但是，当与 ui-router一起使用时 ，路由配置为 $

问题： What is the 'Angular way' to set focus on input field in AngularJS? 在AngularJS中将焦点设置在输入字段上的“角度方式”是什么？ More specific requirements: 更具体的要求： When a Modal is opened, set focus on a predefined <input> inside this Modal. 打开 模态后 ，将焦点放在此模态内的预定义 <input> 。 Everytime <input> becomes visible (eg by clicking some button), set focus on it. 每当 <input> 变为可见时（例如，通过单击某些按钮），请将焦点设置在它上面。 I tried to achieve the first requirement with autofocus , but this works only when the Modal is opened for the first time, and only in certain browsers (eg in Firefox it doesn't work). 我试图 通过 autofocus 达到第一个要求

一、概述 尽管被称为 Angular5 ，实际上它只是这个诞生于2012年的前端框架的的第四个版本： 看起来差不多半年就发布一个新版本，不过实际上从重写的版本 2 开始，开发 接口与核心思想就稳定下来了，并基本保持着与前序版本的兼容性。 在 5 这个新的版本中， Angular 团队将改进重点放在以下特性方面： 更易于构建渐进式 Web 应用 —— __P__rogressive __W__eb __A__pp 使用构建优化器剔除无用代码，以获得更小的应用、更快的网络加载时间 使物化设计组件兼容服务端渲染 PWA 是 Google 提出的一个标准，旨在让Web应用在移动终端上获得媲美原生 应用的用户体验。一个 PWA 应用主要利用 Service Worker 和浏览器缓存来 提省交互体验，它不仅可以直接部署在手机桌面，而且可以离线应用： 二、引入angular环境 Angular 推荐使用 TypeScript 来开发应用，这要求使用一个在线 编译器（ JIT ）实时编译代码，或者在开发期采用预编译器( AOT )提前编译代码。 为了避免这个繁琐的过程影响对 Angular 框架本质的思考，我们将这些 必需品进行了必要的配置和打包，以便适应在线编写和实验。现在只需要引入 一个库 a5-loader 就可以了。 下图是库的构成示意，其中的蓝色部件均打包在库中： 你可能注意到

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I'm invoking a bootstrap modal dialog through a link. I want to start a timer in the angular controller when the dialog pops up. How do I detect the dialog open event in the angular controller to start the timer? If I start timer in the scope like this, app.controller('myctrl', ['$scope', '$window', '$timeout', 'svc', function ($scope, $window, $timeout, svc) { $scope.countdown = 10; $scope.runCounter = function () { $scope.countdown -= 1; if ($scope.countdown > 0) $timeout($scope.runCounter, 60000); } $scope.runCounter(); }]); the timer

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架，特点是使用标准的HTML、 CSS和JavaScript，开发跨平台（目前支持：Android、iOS，计划支持：Windows Phone、Firefox OS） 的原生App应用： ionic主要包括三个部分： CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。 JavaScript框架 - ionic基于AngularJS基础框架开发，遵循AngularJS的框架约束；主要提供了适应移动端UI的 AngularJS的扩展，主要包括指令和服务。此外，ionic使用AngularUI Router来实现前端路由。 命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic命令行工具使用了 Cordova，依赖于平台SDK（Android & iOS）实现将移动web项目打包成原生app。 由于ionic使用了HTML5和CSS3的一些新规范，所以要求 iOS7+/ Android4.1+。 在低于这些版本的手机上使用ionic开发的应用，有时会发生莫名其妙的问题。 ionic.js : 指令 ionic.js对AngularJS进行了扩展，它的主要贡献是将移动端开发中常见 的UI组件抽象成 AngularJS 的指令

angular ui-grid 表格 关于列之前的运算 实现方式 可以用ng-bing=“ ” 来实现 { field: "setMealPrice-profitTotal", cellTemplate: '<div class=\"ui-grid-cell-contents\"' + ' ng-bind="row.entity.setMealPrice-row.entity.setMealDiscountAmount"> </div>', displayName: '折后总价', }, 来源： https://my.oschina.net/u/2494395/blog/3100170