Angular

angular 使用 ui-router 设计网页

ui-router是一个web客户端的路由解决方案。我觉得它最大的作用是将web界面的设计分块了。在html中,添加注入位置:。在html中,添加触发器:。XXX是$state,它遵循xxx.xxx的树形结构,渲染时从根节点开始渲染。在app.js中,配置路由函数.config;细说一下:引入代码没啥要细说的,要说就是路径别写错吧。//injs$stateProvider.state//inhtml这个代码中将form1.html和form2.html填充到了对应的的view中。添加触发器如果在标签中添加

AngularJS1.6版本中ui-router路由中/#!/的解决方法

本地编译出的文件可以正常运行,但是服务器编译后到了测试那里路由上就莫名的出现了/#!/,这导致了很多问题。后来查了下是服务器编译器把AngularJS升级到了1.6版本,而我本地的依旧是1.5。但是1.6究竟做了哪些改变呢?可以参考这个:https://github.com/angular/angular.js/commit/aa077e81129c740041438688dff2e8d20c3d7b52可以看到里面多了很多/#!

在angular的自定义回调中操作$scope

Scope提供$apply方法传播Model的变化。在$scope.$apply()方法里面,它会去调用$scope.$digest()方法。$scope.$apply()方法带一个函数或者一个表达式,然后执行它,最后调用$scope.$digest()方法去更新bindings或者watchers。情况非常少,实际上几乎我们所有的代码都包在$scope.$apply()里面,像ng-click,controller的初始化,$http的毁掉函数等。如果我们需要在一个新的执行序列中运行代码时才真正需要用到

AngularJS数组操作

toLocaleString、toString、valueOf:可以看作是join的特殊用法,不常用数组对象的3个属性1、length属性,Length属性表示数组的长度,即其中元素的个数。索引总是由0开始,所以一个数组的上下限分别是:0和length-1。prototype属性是object共有的。objectName.prototypeobjectName参数是object对象的名称。

简洁AngularJS框架后台管理系统bootstrap后台模板

最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版。这个模版是基于AngularJS和bootstrap的后台管理系统模版。Minovate是AngularJS高级管理系统模板。它建造在流行的TwitterBootstrapv3框架上。Minovate完全基于HTML5+CSS3标准。是充分响应的支持每一个设备和浏览器。Minovate包含许多示例页面可以使用它的元素和可定制的。你可以选择6种颜色的头部样式、导航。你可以切换固定导航,标题和选择等几个布局水平导航条,窄屏布局或rt

AngularJS下拉选择框select

AngularJSSelect(选择框)AngularJS可以使用数组或对象创建一个下拉列表选项。使用ng-options创建选择框在AngularJS中我们可以使用ng-option指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例:ng-init设置默认选中值。假设我们使用以下对象:ng-repeat有局限性,选择的值是一个字符串:使用ng-repeat:使用ng-options指令,选择的值是一个对象:使用ng-options:当选择值是一个对象时,我们就可以获取更多信息,应用也更灵活。

AngularJS中使用ngTable

在HTML中使用ngTable可以方便的进行排序,筛选,分页,添加,编辑删除等操作,不用再从数据库里面进行分页等操作需要引用的文件angular.jsng-table.jsng-table.cssbootrasp.css注入依赖为ng-table设置属性和数据为table添加ng-table属性显示数据

angularjs input

radio选中后,绑定的value值赋给ng-model注意:改为$scope.my=‘unicorns’;ng-model=“my”Youchose{{my}}会有问题!