angular js 的一些特性
2017-06-06 16:26
94 查看
1. 路由
abstract:表示抽象模版,不能被显性激活,只能被子模版隐性激活,可以传递作用域变量$scope给子模板。一旦这个路由设置了abstract:true 如果下面没有子模版,那么模版不会被渲染出来,也就是说这种情况下必须设置子模版。
resolve 页面渲染前的预加载,一般用来处理异步数据调用。
2.component组件
js文件:
angular.module('myApp')
.component('myComponent',{
templateUrl: '...',
bindings: {
myAttribute1: ' < ',
myAttribute2: ' & '
},
controller:{
var $ctrl = this;
}
});
html文件:
bindings 用来绑定属性,< 表示单向绑定,只有父scope能影响子scope。
可以直接使用$ctrl,而不必用controllerAs。
3. 刷新当前路由(不是强制刷新整个页面)
比如在创建页面, 如果有“保存并继续创建”按钮,此时需要继续停在该页面,并且页面中的信息清空。即重新进入该路由。如果使用window.location.reload(); 整个页面会被刷新,数据请求量比较大。
(1)在路由中增加这个属性 reload:true,
.state('app.add', {
url: '/add',
templateUrl: 'views/add.html',
controller: 'AddCtrl',
reload: true
})
(2)在AddCtrl中
$state.go('app.add',{},{reload:true});
.state(‘xxx’,{ abstract: true, url: ‘xxx’, template: ‘<div></div>’, //或者templateUrl: ‘xxx/a.html’ controller: ‘xxxCtrl’, resolve: { } })
abstract:表示抽象模版,不能被显性激活,只能被子模版隐性激活,可以传递作用域变量$scope给子模板。一旦这个路由设置了abstract:true 如果下面没有子模版,那么模版不会被渲染出来,也就是说这种情况下必须设置子模版。
resolve 页面渲染前的预加载,一般用来处理异步数据调用。
2.component组件
js文件:
angular.module('myApp')
.component('myComponent',{
templateUrl: '...',
bindings: {
myAttribute1: ' < ',
myAttribute2: ' & '
},
controller:{
var $ctrl = this;
}
});
html文件:
<my-component my-attibute1="a1" my-attibute2="a2"> </my-component>
bindings 用来绑定属性,< 表示单向绑定,只有父scope能影响子scope。
可以直接使用$ctrl,而不必用controllerAs。
3. 刷新当前路由(不是强制刷新整个页面)
比如在创建页面, 如果有“保存并继续创建”按钮,此时需要继续停在该页面,并且页面中的信息清空。即重新进入该路由。如果使用window.location.reload(); 整个页面会被刷新,数据请求量比较大。
(1)在路由中增加这个属性 reload:true,
.state('app.add', {
url: '/add',
templateUrl: 'views/add.html',
controller: 'AddCtrl',
reload: true
})
(2)在AddCtrl中
$state.go('app.add',{},{reload:true});
相关文章推荐
- Delphi7之后Delphi的一些新特性
- Java的一些高级特性(一)——Java 7新特性
- LINUX的bash的一些特性
- C++中static的一些特性
- spark 2.0.1(技术预览版)的编译与测试(附一些新特性的介绍)
- Django若干新版本一些新特性
- Android ICS(SDK4.0)新特性 及 GridLayout/GridView/TableLayout的一些比较
- 一些语言特性整理——预处理指令、volatile、标准预定义宏
- windows phone 中的TextBlock的一些特性(TextWrapping,TextWrapping)
- opencvr - store的一些特性
- js的一些特性
- 关于NOTIFYICONDATA的一些新特性
- CodeIgniter框架的一些特性引起的人为“bug”
- spring 5.0 的一些特性
- C# WinForm 慎用 override CreateParams 来重载窗体的一些特性
- python 的一些特性
- Mysql的一些特性
- 深入了解Node.js中的一些特性
- ZigBee广播通信原理及ZigBee网络的一些特性
- cocos2dx 中使用的一些C++ 11 特性