AngularJS ui-sref的简单使用 具体用法:男人这是一个非常简单的ui-sref的使用,当JavaScript重新生成网页时,它会查找$state中名为“man”的state,读取这个state的url,然后在a标签里生成href="url",结果为:男人但如果,你在创建一个导航控制器,里面有一个导航item的数组:然后在html中使用repeat:ui-sref不支持动态绑定,这样的代码会报错。sref中你只能使用state名,顶多加点参数。
angularjs ng-class apihttps://docs.angularjs.org/api/ng/directive/ngClasshttp://docs.ngnice.com/api/ng/directive/ngClass使用方式Thedirectiveoperatesinthreedifferentways,dependingonwhichofthreetypestheexpressionevaluatesto:1
angular2(ng2) md5加密ts-md5) 1、下载安装ts-md52、需要的组件中加载md5模块3、加密这样就会打印出加密过的结果(e10adc3949ba59abbe56e057f20f883e)传递时候的写法:设置参数只能是字符串类型,所以要将密码加密,然后转换成字符串类型
angular-cli创建angular2项目并添加ng2-bootstrap 1、首先全局安装angular-cli,并创建项目2、安装ng2-bootstrap和bootstrap3、在主模块中导入,需要的模块(src/app/app.module.ts)只要在模块总导入,不需要在组建中添加,很方便。4、在angular-cli.json中配置样式文件5、在模板中调用src/app/app.component.html
angular2 组件的生命周期钩子 OnInit指令和组件ngDoCheck在每个Angular变更检测周期中调用。OnDestroy指令和组件生命周期顺序简写在Angular通过构造函数创建组件/指令时,它调用这些生命周期钩子方法的顺序是:ngOnChanges:在ngOnInit之前,当数据绑定输入属性的值发生变化时。ngAfterContentChecked:在放到组件内的外部内容每次检查之后。ngAfterViewChecked:在妹子组件视图和子视图检查之后。测试生命周期顺序的代码输出结果
angularjs项目运行环境 及 常见问题解决 常见问题:3、前端包在执行npminstall、bowerinstall、gruntserve3个命令可以运行;但是在打包的时候即执行gruntbuild命令的时候打包会中止,报"Abortedduetowarnings",详见下面截图:经研究发现将项目根目录下的package.json中的""grunt-ng-annotate":"^0.10.0","版本号改为"1.0.0",然后再执行npmi
AngularJS学习之四分支之二:架构概述 Angular接管,在浏览器中显示您的应用内容,并根据您提供的指示响应用户的互动。模块Angular应用程序是模块化的,Angular有一个名为Angularmodules或NgModules的模块化系统。Angular模块是一个大问题。本页介绍模块;在Angularmodules页会深度地讲解它们。每个Angularapp具有至少一个Angular模块类,therootmodule,传统命名为AppModule。Angular有许多装饰器将元数据附加到类上,以便知道这些类的含义和它们应该如何工作。Ang
Angular企业级开发(4)-ngResource和REST介绍 RESTful风格的设计不仅具有更好的可读性,而且易于做缓存以及服务器扩展。REST风格体现在URL设计上:每个URL对应一个资源对资源的不同操作对应于HTTP的不同方法资源表现形式通过Accept和Content-Type指定符合REST设计风格的WebAPI称为RESTfulAPI。它从以下三个方面资源进行定义:直观简短的资源地址:URI,比如:http://example.com/resources/。
Angular 1与 Angular 2之间的一些差别 尽管angular2还在应用测试阶段,但是新版本相对于angular1有了长足的优化改进,相信它会越来越多的被应用到各个应用开发中,并且angular2只会load应用所需的组件,这也是个很好的改进,一些统计网站上的数据显示angular的速度比angular1快五倍,不得不说这次angular2的改版升级是非常给力的;本篇列举了一些本人针对angular2新特性的理解,很多point没有写出来,开发正式项目后或者了解更多新特性后再慢慢填补更新;
AngularJS教程:英雄编辑器 使用id和name属性来创建Hero类。现在把它放在app.component.ts文件顶部附近,仅仅在import语句下面。app.component.tscopYCODE现在我们有了一个Hero类,让我们反射组件的组件的hero属性为一个Hero类型。然后初始化它,id初始化为1,名字初始化为“Windstorm”。app.component.tscopYCODE因为我们把这个英雄从一个字符串转换成了一个对象,我们更新在模板中指向属性的绑定。