Angular

angularJS form表单验证

本文示例用angularJS对form表单做输入验证,当所有值都输入正确时,则注册按钮可用。

AngularJs 弹出框 model模态框

$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们$modal仅有一个方法open(options)templateUrl:模态窗口的地址template:用于显示html标签scope:一个作用域为模态的内容使用(事实上,$modal会创建一个当前作用域的子作用域)默认为$rootScopecontroller:为$modal指定的控制器,初始化$scope,该控制器可

angularjs利用ui-route异步加载组件

ui-route相比于angularjs的原生视图路由更好地支持了路由嵌套,状态转移等等。异步加载各个组件就很有必要。在这里我就以ui-route为框架来进行异步加载说明。首先看一下路由加载文件这个是路由状态的一个声明文件,name,url,param字段的方式不变,关键是看resolve这个部分。根据ui-route的resolve文档,resolve是为了给state或者controller进行自定义注入对象的。下面是举出文档中关于resolve的例子:我们可以看到resolve的对象是支持Promi

AngularJS中使用ui-router重新加载当前路由页面

想象这样一个场景,我们通过菜单导航进入一个操作页面,当在页面中已经录入或选择了一些信息,发现根本不是想要的,希望能够使页面快速恢复的初始状态,这时候一个比较理想的选择是再次点击下菜单栏里的对应项。使用0.2.x版本的建议可以直接升级到0.2.18。

AngularJS系列之JavaScript闭包

JavaScript函数一共有四种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。全局变量与全局函数JavaScript程序的一大弊端。与Java相比,JavaScript可以借用生命周期模拟出私有成员变量与私有成员方法,方法是在声明它们的时候不与this绑定。通过模块可以降低JavaScript全局变量带来的负面影响。

AngularJS修改model值时,显示内容不变

一段很简单的AngularJs代码:网页上回显示一个文本框,输入值,文本框下面会显示所输入的内容。简单修改一下代码:这次当输入内容时,不会显示输入信息了,同时AngularJs表达式也不能被解释了。感觉是因为Angular默认不存在myApp的对象,所以angular找不到对应的应用程序。由此可见AngularJs需要一个默认的app,当默认的app不存在的时候,需要对app编写相应的controllar.

Angularjs 2 模块Modules

Angular应用是模块化的,Angular有自己的模块系统,叫做Angular模块orNgModules。一个Angular模块,无论是根还是功能性,都是一个使用@NgModule修饰符的类。Angular有许多的修饰符,通过给类附加元数据可以知道这些类的的意义,它们如何工作。Angular有三种视图类:components,directives,andpipes.exports-声明的一部分,对于其他模块的组件模板是可见和可用的。开发中你可以在main.ts中引导AppModule,如下所示:Angu

从零开始构建 Wijmo & Angular 2 小应用

中秋之际,Angular团队发布Angular2正式版,Wijmo当天宣布支持。在Angular2,非常容易,有点类似于JSX语法糖。Angular2真的非常优秀。Wijmo当天支持Angular2,其所有控件作为组件管理,也更加模块化和高效。现在就开始Wijmo在Angular2中使用的第一个应用吧。下载wijmoenterprise包,并打开:/wijmoenterprise/Samples/TS/Angular2/FlexGridIntro/FlexGridIntro。现在您需要将\wijmoEnt

Angularjs 2 库

Angular被打包成了一个JavaScript模块的集合。每一个Angular库命名跟着@angular前缀。例如,从@angular/core导入Angular组件修饰符库如下所示:你也可以使用JavaScript的导入语句从Angular库中导入Angular模块:前面根模块的简单例子中,应用模块需要browserModule中的功能更。访问这些功能,添加@NgModule元数据的导入如下:这样我们同时使用了Angular和JavaScript模块系统。这很容易混淆两个系统,因为他们都共享相同的单词